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

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

Форум

Пользователи

Календарь

Помощь

Поиск

Новые сообщения

Новые темы

Темы без ответов

Форум

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: { 
    magnifyby: 5,  //коэффициент  
    увеличения изображения (по умолчанию - 3) 
    duration: 500,  // продолжительность  
    анимации в миллисекундах (по умолчанию - 500) 
    imgopacity: 0.2  //степень  
    непрозрачности исходного изображения, когда  
    увеличенное изображение покрывает его (по умолчанию - 0,2)

Пример работы можете посмотреть на этой к примеру странице collectively.ru
Отредактировано Алексей Левенков (Scorpion-7 Моя хата скраю

: 30.01.2018, 18:06:58

Вложения


jqueryimagemagnify.rar	(1 x загружено \| 3,4 Кб)

Благодарности Kurman, MAPC2012

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

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

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

Поисковые боты: 205
Bot(188), oBot(8), BingBot(6), Crawler, Yandex, Googlebot

Статистика форума

	Темы	Сообщения	Пользователи
За сутки:	0	0	0
За неделю:	0	0	0
За месяц:	0	0	1
Всего:	1444	9453	3410
Мы приветствуем нового участника: dota812651

Дни рождения

Slayv (51), AmsterdamNV (37), cerberus_black (37)