• Страница 1 из 1
  • 1
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Увеличение картинки при нажатии
Увеличение картинки при нажатии
XemorDioДата: Понедельник, 04.04.2016, 13:01 | Сообщение # 1
Генерал-полковник
Группа: Пользователи
Сообщений: 897
Награды: 7
Репутация: 8
Статус: Offline

Скрипт позволяет организовать при клике курсора мыши на миниатюру отрытие картинки в оригинальном размере в стиле ulightbox. Только одно изображение нужно для работы метода. Нет нужны в том что бы делать две разные картинки для миниатюры и для увеличеного варианта. Код избавляет вас от рутинной работы по коду когда вы оформляете материал.

Если говорить кратко то скрипт берез картинку и добавляет ей ссылку с класcом ulightbox. И все это мы сделаем конечно же с помощью JavaScript.

Установка
Заходим в Панель управления » Управление дизайном » Нижняя часть сайта и вставляем следующий код
Код
<script type="text/javascript">
   $(".eMessage img").each(function(){   
   if($(this).attr("src").length>0){   
   var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):"");   
   $(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>');   
   };   
   });
</script>

Теперь в любом месте где будет блок с класcом eMessage и внутри будет находиться картинка то при ее нажатии она будет появляться в реальному размере в стиле ulightbox.

На этом все.
 
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Увеличение картинки при нажатии
  • Страница 1 из 1
  • 1
Поиск:
Поделись с другими сталкерами
Меню сайта
Гость
Статистика
Рейтинг@Mail.ru