Я хочу увеличить изображение, когда курсор помещается на него в файле справки. Что делать, чтобы реализовать это на моей странице html? Связано это с кодом CSS или JQueryУвеличение изображений при наведении мыши
Что мне делать для этого?
Я хочу увеличить изображение, когда курсор помещается на него в файле справки. Что делать, чтобы реализовать это на моей странице html? Связано это с кодом CSS или JQueryУвеличение изображений при наведении мыши
Что мне делать для этого?
Вы можете использовать Zoom Zoomer с сайта DynamicDrive. Работает.
Я бы предпочел использовать преобразования CSS3, если ваши клиенты используют современные браузеры. Вы можете сделать что-то вроде этого:
.img-zoom{
...
}
.img-zoom:hover{
transform:scale(1.5);
}
Вы также можете добавить переход для лучшего опыта:
.img-zoom{
transition: transform 0.2s ease-in-out;
...
}
Конечно, вы должны будете добавить поддержку других браузеров.
добро пожаловать в SO! Пожалуйста, взгляните на [эту статью] (http://stackoverflow.com/help/how-to-ask). Вы действительно должны сначала попробовать что-то самостоятельно, опубликовать код и т. Д. Эти вопросы, как сейчас, слишком широки и обширны, чтобы отвечать (или вам просто нужен плагин?) – giorgio
Возможно, вам стоит просто попробовать googling для: «css3 image zoom "или" jquery image zoom " – Joonas