Увеличении картинки со светлой рамочкой - Скрипты для uCoz - Скрипты - Каталог статей

Главная » Статьи » Скрипты » Скрипты для uCoz

Увеличении картинки со светлой рамочкой

Вот решил выложить ещё одно увеличение картинки с рамочкой, картинка увеличивается при наведении. Это в CSS Code .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /CSS for enlarged image/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .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 / } Скопировать данный код это туда куда надо вставить данную картинку Code <a class="thumbnail" href="Ссылка куда вы будете переходить при нажатии, если не надо то оставьте #thumb"><img src="Ваша картинка" width="100px" height="100px" border="0" /><span><img src="Ваша картинка ещё раз" /><br />Ваша подпись к картинке UcozOn.ru</span></a> Скопировать данный код width="100px" height="100px" - это размеры уменьшенной картинки
1 2 3 4 5 Категория: Скрипты для uCoz \| Добавил: dEnny (25.03.2011)
Просмотров: 449 \| Комментарии: 1 \| Теги: рамочкой, со, картинки, Увеличении, светлой \| Рейтинг: 0.0/0