2013-10-11 3 views
-3

Я хочу увеличить изображение, когда курсор помещается на него в файле справки. Что делать, чтобы реализовать это на моей странице html? Связано это с кодом CSS или JQueryУвеличение изображений при наведении мыши

Что мне делать для этого?

+1

добро пожаловать в SO! Пожалуйста, взгляните на [эту статью] (http://stackoverflow.com/help/how-to-ask). Вы действительно должны сначала попробовать что-то самостоятельно, опубликовать код и т. Д. Эти вопросы, как сейчас, слишком широки и обширны, чтобы отвечать (или вам просто нужен плагин?) – giorgio

+0

Возможно, вам стоит просто попробовать googling для: «css3 image zoom "или" jquery image zoom " – Joonas

ответ

0

Вы можете использовать Zoom Zoomer с сайта DynamicDrive. Работает.

1

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

.img-zoom{ 
... 
} 

.img-zoom:hover{ 
transform:scale(1.5); 
} 

Вы также можете добавить переход для лучшего опыта:

.img-zoom{ 
transition: transform 0.2s ease-in-out; 
... 
} 

Конечно, вы должны будете добавить поддержку других браузеров.

Смежные вопросы