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

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

Форум

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

Календарь

Помощь

Поиск

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

Новые темы

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

Форум

SX CMS / Основная тема

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

Похожие темы

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

Ссылка на сообщение в теме Ссылка на страницу сообщения

Суббота, 13.01.2018, 15:26

Scorpion-78

Группа: Пользователь

Ранг: Новичок

Cообщений: 53

Регистрация: 19.04.2017

Город: Краснокамск

Увеличивать изображения в статистических страницах
Здравствуйте, очень нужна возможность увеличения изображений в статистических страницах, подскажите пожалуйста, можно ли как то реализовать это? (Вот как тут на форуме,при клике на изображение оно увеличивается,)

Ссылка на сообщение в теме Ссылка на страницу сообщения

Суббота, 13.01.2018, 22:50

SX

Группа: Администратор

Cообщений: 3016

Регистрация: 23.10.2009

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

Цитата

Автор: Scorpion-78
Здравствуйте, очень нужна возможность увеличения изображений в статистических страницах, подскажите пожалуйста, можно ли как то реализовать это? (Вот как тут на форуме,при клике на изображение оно увеличивается,)

В статических страницах есть возможность вставлять скриншоты, они увеличиваются при клике

Модули, шаблоны и виджеты для SX CMS быстро, не дорого и профессионально

Ссылка на сообщение в теме Ссылка на страницу сообщения

Воскресенье, 14.01.2018, 05:28

Scorpion-78

Автор текущей темы

Группа: Пользователь

Ранг: Новичок

Cообщений: 53

Регистрация: 19.04.2017

Город: Краснокамск

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

Цитата

Автор: SX

Цитата

В статических страницах есть возможность вставлять скриншоты, они увеличиваются при клике

Это как,я ненашел функции

Ссылка на сообщение в теме Ссылка на страницу сообщения

Воскресенье, 14.01.2018, 11:14

MAPC2012 Посмотреть профиль пользователя Показать все сообщения Группа: Пользователь Ранг: Продвинутый Cообщений: 108 Регистрация: 04.08.2014	Смотри примеры в этой статье: Статья со скриншотами Так же и на страницах реализовано. В публикации страницы есть вкладка "Скриншоты". Отредактировано Виктор (MAPC2012): 14.01.2018, 11:16:28 Благодарности Scorpion-78

Ссылка на сообщение в теме Ссылка на страницу сообщения

Воскресенье, 14.01.2018, 14:22

Scorpion-78 Посмотреть профиль пользователя Показать все сообщения Автор текущей темы Группа: Пользователь Ранг: Новичок Cообщений: 53 Регистрация: 19.04.2017 Город: Краснокамск	Цитата Автор: MAPC2012 Смотри примеры в этой статье: Статья со скриншотами Так же и на страницах реализовано. В публикации страницы есть вкладка "Скриншоты". Отредактировано Виктор (MAPC2012): 14.01.2018, 11:16:28 Да нашел все спасибо

Ссылка на сообщение в теме Ссылка на страницу сообщения

Вторник, 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, Гостей: 2

Поисковые боты: 183
Bot(164), BingBot(6), Googlebot(2), oBot(2), Yandex(9)

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

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

Дни рождения

nikonruss (37)