Друзья Сайта
Анекдот дня
- Да? И часто они у вас бывают? - Кто? - Провалы. - Какие провалы? ------------ На приёме у окулиста: — Какую букву я показываю? — А кто это говорит? ----------- В лифте, на последнем этаже: — Вниз? — Нет, блин, в бок! ------------ - Дочь, выпей со мной! - Ну пааап... - Что пап?! Я же с тобой уроки делал! ------------ Доктор, посмотрите! – говорит мужик, спуская штаны перед урологом. - Болит? - Нет. - Маленький? - Нет. - Большой? - Нет. - А что тогда? - Правда, хорошенький? ------------ Shampusik.ucoz.netСайт для отдыха и хорошего настроения.Сайт где есть все.
Доктор WEBПосетителиshampusik.ucoz.netСайт для отдыха и хорошего настроения Пожелания друзьям !!!Пожелания друзьям !!! |
Увеличение изображения на сайтеУвеличение изображения на сайтеПлюсом является то, что не нужно делать отдельно миниатюру к оригинальному изображению. Здесь задействовано только одно изображениеУвеличение изображения на сайте при наведении курсораПервый и самый наипростейший способ увеличения изображения на сайте, это добавить к свойству изображения между тегами img следующий код:
onmouseover="this.style.width='ширина оригинального изображения в px (или auto)'"
onmouseout="this.style.width='ширина изображения в уменьшенном виде в px'"
<img src="http://shampusik.ucoz.net/wp-content/focus.jpg" style="width:100px;" onmouseover="this.style.width='431px'" onmouseout="this.style.width='100px'" /> Следующий способ абсолютно похож на первый, только тут мы будем использовать CSS-стили: <style type="text/css"> img.bg { cursor: pointer; max-width: 100px; // ширина уменьшенного изображения; } img.bg:hover { max-width: none; } </style> <img class="bg" src="путь к изображению" /> |
Поиск
Личный кабинет
19.03.2024
16:50 Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Новое на форуме Подробней о форуме
Новое в Блоге
|