Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.116.90.161
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Эффект увеличительного стекла при наведении курсора на карти
Сообщение оставлено 01.11.2010 в 20:18:38 | Сообщение #1

Интересный плагин, который создаёт эффект увеличительного стекла при наведении курсора на картинку. Вы можете рассмотреть самые мелкие детали любого изображения, используя данное творение.

Установка:

После /head на нужных страницах вставляйте:

Code
<style type="text/css">   
     
   .iZoom {height:155px;}   
   .imgWrapper {margin:10px 10px 10px 50px; padding:5px; float:left; border:1px solid #777; background:#fff;}   
     
   </style>   
   <script type="text/javascript" src="/js/iZoom.js"></script>   
   <script type="text/javascript">   
   $('document').ready(function(){   
   $('#myPic1').iZoom({diameter:200});   
   });   
   </script>

Следующий код в то место, где будет картинка с эффектом:

Code
<div class="imgWrapper">   
   <img class="iZoom" id="myPic1" src="Ссылка на картинку" />   
   </div>   
   <br clear="all" />

Осталось лишь залить скрипт из прикреплённого архива в папку js
Архив

 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика