среда, 6 февраля 2013 г.

с увеличением картинками при наведении ucoz $image1$

Вы просматриваете: Скачать "Всплывающая картинка при наведении на картинку"

Всплывающая картинка при наведении на картинку. Я уже выкладывал аналогичный скрипт в этот раз увеличение будет происходить при наведении на картинку после чего картинка масштабируется в более большой вид. Смотрим скриншот. Установка: В Стили 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 / Юкоз.

Комментариев нет:

Отправить комментарий