Доброе утро, Гость! Представляем Вам наши форумы. Вы можете зарегистрироваться чтобы писать на форумах или зайдите под своим именем, если Вы уже регистрировались.
   
   


Форум
 SX CMS / Основная тема
         Увеличивать изображения в статистических страницах

Похожие темы

Увеличивать изображения в статистических страницах


События Вторник, 30.01.2018, 17:57

Scorpion-78

Группа: Пользователь
Ранг: Новичок
Cообщений: 53
Регистрация: 19.04.2017
Город: Краснокамск
Скрипт увеличения изображений стат. страниц
Нашел таки скрипт увеличения изображений по клику и подогнал его для статичных страниц работает на Jquery
может быть кому нибудь пригодится. скрипт работает отлично, ошибок незамечено.

PHP-код
###    Инструкция по установке на сайт  ####


Шаг 1.  Распаковать папку js в корень сайта.

Шаг 2.  Нижеприведенный код подключения jQuery и ява-скрипта jquery.magnifier.js 
             необходимо добавить в раздел head  страницы main
.tpl :


<
script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<
script type="text/javascript" src="js/jquery.magnifier.js"></script>



Шаг 3.  Добавляя  изображения через админпанель при создании/редактировании страниц
             
просто добавляйте class="magnify"  к той картинке которую нужно увеличивать


####   Пояснения:   ####

Появление изображения слева.
<
img src="images/paris.jpg" class="magnify" align="left" 
alt="" style="width: 150px; height: 100px;">

Появление изображения справа.
<
img src="images/paris.jpg" class="magnify" align="right" 
alt="" style="width: 150px; height: 100px;">


Размеры изображения могут изменяться с помощью атрибутов width и height.


####   Возможные настройки в файле - jquery.magnifier.js  ####


jQuery.imageMagnify={
dsettings: {
    
magnifyby5,  //коэффициент 
    
увеличения изображения (по умолчанию 3)
    
duration500,  // продолжительность 
    
анимации в миллисекундах (по умолчанию 500)
    
imgopacity0.2  //степень 
    
непрозрачности исходного изображениякогда 
    увеличенное изображение покрывает его 
(по умолчанию 0,2)


Пример работы можете посмотреть на этой к примеру странице collectively.ru
Отредактировано Алексей Левенков (Scorpion-7Моя хата скраю: 30.01.2018, 18:06:58
Вложения
jqueryimagemagnify.rar   (1 x загружено | 3,4 Кб)   
Благодарности Kurman, MAPC2012


Пользователь офлайн


Похожие темы  |   Предыдущая тема  |   Следующая тема

Быстрый переход:  
 

 Сейчас на сайте

Пользователей: 0, Гостей: 0

Поисковые боты: 196
oBot(12), Bot(177), BingBot(5), Googlebot, Spider
 Статистика форума

  Темы Сообщения Пользователи
За сутки:
За неделю:
За месяц:
Всего:
Мы приветствуем нового участника: wonad81290
 Дни рождения

Sergej (36)
Copyright © 2009 - 2024 SX All rights reserved | Powered by SX CMS 1.06 UTF | Контакты