Вы просматриваете: Скачать "Всплывающая картинка при наведении на картинку"
Всплывающая картинка при наведении на картинку. Я уже выкладывал аналогичный скрипт в этот раз увеличение будет происходить при наведении на картинку после чего картинка масштабируется в более большой вид. Смотрим скриншот. Установка: В Стили CSS прописываем код: Код/*Всплывающий скриншот*/ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #3d3d3d; padding: 5px; left: -1000px; border: 1px solid white; visibility: hidden; color: Yellow; text-decoration: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } /*---------------------*/ Там где хотим видеть ставим прежде настройте под себя. Код<a class="thumbnail" href="#"><img src="ссылка на рисунок" width="100px" height="66px" border="0" /><span><img src="ссылка на рисунок" />Ваш текст</span></a> Источник: megascripts.ru
Всплывающая картинка при наведении на картинку
Всплывающая картинка при наведении на картинку - Каталог файлов - Скрипты для uCoz - Шаблоны для uCoz | Скрипты для uCoz - Сайт для начинающих веб-Мастеров в системе uCoz / Юкоз.
Комментариев нет:
Отправить комментарий