Посмотреть увеличенное изображение без прокрутки

0

Я реализовал визуальную веб-часть для отображения некоторого элемента. каждый элемент, состоящий из этого изображения и его описания. Я внедрил некоторый код для отображения этого. и я получил результат. это мой код.

 function hoverdiv(e, control) {

    var left = e.clientX + "px";
    var top = e.clientY + "px";

    var newImg = $(control).attr("src");
    $("#imgView").attr("src", newImg);

    $("#dialog").css('left', left);
    $("#dialog").css('top', top);
    $("#dialog").css('position', 'fixed');
    $("#dialog").toggle(); return false;
}  

Но несколько раз пользователь наводил указатель мыши на одно изображение, которое приближается к указателю мыши. Если пользователь желает тоже целого изображения. он должен прокрутить вниз для достижения этого.

Изображение 174551

Как показать изображение с масштабированием без прокрутки. Может ли любой орган предложить, пожалуйста? Было бы очень признательно, если бы я выполнил свою задачу. заранее спасибо,

Теги:
position

1 ответ

0

Вы можете проверить эти ссылки:

http://www.c-sharpcorner.com/UploadFile/sapnabeniwal/move-mouse-on-image-for-zoom-in-and-zoom-out-effect/

http://www.c-sharpcorner.com/UploadFile/sapnabeniwal/a-mousehover-zoom-effect-using-jquery-and-css/

Я уверен, что это определенно поможет вам.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню