Пятница, 25.05.2018, 07:46
Приветствую Вас Гость |
Никнейм Shampusik зарегистрирован!

shampusik

Весны в душе!      
Избранноеблеск











чатик


  
блеск блеск Друзья Сайта блеск блеск
блескМои любимые треки
Анекдот дня
- Доктор, у меня бывают провалы в памяти.
- Да? И часто они у вас бывают?
- Кто?
- Провалы.
- Какие провалы?
------------
На приёме у окулиста:
— Какую букву я показываю?
— А кто это говорит?
-----------
В лифте, на последнем этаже:
— Вниз?
— Нет, блин, в бок!
------------
 - Дочь, выпей со мной!
 - Ну пааап... 
 - Что пап?!
 Я же с тобой уроки делал!
------------
Юмор
Читать далее: Жми тут

Shampusik.ucoz.net

Сайт для отдыха и хорошего настроения.

Сайт где есть все.
Музыка, софт, фильмы, красивые картинки про Любовь, стихи, форум, новости и многое другое!!!


Доктор WEB

Посетители

  
Информер праздники сегодня

  
     


shampusik.ucoz.netСайт для отдыха и хорошего настроения




Моим друзьям


Пожелания друзьям !!!

Пожелания друзьям !!!

   
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Ваш IP адрес:
Ваш IP адрес:

Ваш IP адрес в данный момент

    Сертификат на никнейм Shampusik, зарегистрирован на http://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="путь к изображению" />





<


Поиск
блеск Личный кабинет блеск
тут не скучно
форум25.05.2018
07:46




Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Старый Вход блеск

Календарь
«  Май 2018  »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031
Теги
Новое на форуме Подробней о форуме
bleskНовое в Блоге
skupev
Добавлено: 11.01.2017
Домашний коньяк — удивите ваших гостей!

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

skupev
Добавлено: 23.11.2016
10 признаков счастливого человека.

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

skupev
Добавлено: 05.10.2016
Кто ты, мой собеседник по ту сторону монитора?

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

  • bleskНаш баннерблеск

    Если Вы хотите поддержать наш проект,
    разместите на своем сайте нашу кнопку:
  • Помощь сайту

    Если материалы данного сайта оказались Вам полезны, интересны, или же Вы просто хотите помочь развитию данного проекта, то мы приветствуем
    Любую Вашу помощь
    . Например:

    Ваши предложения по улучшению дизайна и удобства пользования сайтом.

    Ваши предложения по развитию сайта, появлению новых разделов.

    Добавление ссылок на наш сайт на тех форумах, где Вы часто бываете.

    Любая другая Ваша помощь!

    Для контакта с нами используйте Обратную связь. Самая эффективная и простая помощь для нас — частое посещение сайта и добавление новых отзывов! Если Вы хотите поддержать наш проект, разместите на своем сайте нашу кнопку.
  • WebMoney

    Если у Вас есть желание помочь материально,то можете отправить любую сумму на наш кошелёк
    WebMoney:

    R790729935749

    E246164539736

     --------------------

На развитие проекта!

   -------------------     

Отвлекись

 
Играть в полный размер  
   
" Рекламма "
" Выведу методом запоя из соц.сетей: контакта и одноклассников! Пишите ..."

"Shampusik"

Расскажи друзьям интересные новости:


Установить на свой сайт!
По всем спорным вопросам, Вы можете вызвать админа с помощью этой кнопки    
Никнейм Шампусик ,создан Для сайта и чатов ... с хорошей музыкой , адекватными людьми и приятным общением. )))
transport Индекс цитирования Яндекс.Метрика Рейтинг@Mail.ru Каталог@Mail.ru - каталог ресурсов интернет Каталог сайтов Всего.RU Каталог сайтов Bi0 Каталог webplus.info счетчик 
посещений
  
   Яндекс.Метрика