Перетащите масштабируемое изображение в отделении, отсекающем маску с помощью перемещаемого jQuery?
Функции сравнения документа в Word 2003 чрезвычайно плохи, и часто приводит к пользователю, удаляющему части документов, которые они не хотели также
, единственный рациональный выбор состоит в том, чтобы использовать другое программное обеспечение. Существует множество текстового программного обеспечения сравнения на рынке, но сделать это в рамках Word, самый простой ответ должен обновить до Word 2007 или более поздних версий
От версии 2007 Word, которую ленточная команда "Review" и "Compare" легка найти, и управлять обоснованно, очевидно. И у них есть хорошее четкое расположение объединенных изменений, и прежде и после документов
, маленькая стоимость обновления будет определенно стоить рассмотреть время, которое Вы потратите впустую, в 2003 выдерживают сравнение, и потенциальный ущерб к Вашим документам, которые это могло вызвать
Любые предположения другими, что можно использовать сравнить функции, в 2003 вредно, и не хорошо продумал, учитывая долгосрочные последствия частей документов, тихо удаляемых
1 ответ
Ok. I've got this working now. This is how to set up a draggable image within a div clipping mask so that it is completely dynamic and works no matter how you resize the page.
The HTML/CSS
<div id="my-mask" style="width: 200px; height: 200px; overflow: hidden;">
<img id="my-image" src="big-image.jpg" width="1000" height="1000"/>
</div>
The jQuery/JavaScript
// Make sure it always starts @ zero position for below calcs to work
$("#my-image").css({top: 0, left: 0});
var maskWidth = $("#my-mask").width();
var maskHeight = $("#my-mask").height();
var imgPos = $("#my-image").offset();
var imgWidth = $("#my-image").width();
var imgHeight = $("#my-image").height();
var x1 = (imgPos.left + maskWidth) - imgWidth;
var y1 = (imgPos.top + maskHeight) - imgHeight;
var x2 = imgPos.left;
var y2 = imgPos.top;
$("#my-image").draggable({ containment: [x1,y1,x2,y2] });
$("#my-image").css({cursor: 'move'});
Hope this helps someone!