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

Форум   Пользователи   Календарь   Помощь   Поиск   Новые сообщения   Новые темы   Темы без ответов  

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

Похожие темы

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

Ссылка на сообщение в теме    Ссылка на страницу сообщения   Жалоба на сообщение  Наверх
События Суббота, 13.01.2018, 15:26

Scorpion-78

Группа: Пользователь
Ранг: Новичок
Cообщений: 53
Регистрация: 19.04.2017
Город: Краснокамск
 Увеличивать изображения в статистических страницах
Здравствуйте, очень нужна возможность увеличения изображений в статистических страницах, подскажите пожалуйста, можно ли как то реализовать это? (Вот как тут на форуме,при клике на изображение оно увеличивается,)

Пользователь офлайн
Ссылка на сообщение в теме    Ссылка на страницу сообщения   Жалоба на сообщение  Наверх
События Суббота, 13.01.2018, 22:50

SX

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


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


Модули, шаблоны и виджеты для SX CMS быстро, не дорого и профессионально
Пользователь офлайн
Ссылка на сообщение в теме    Ссылка на страницу сообщения   Жалоба на сообщение  Наверх
События Воскресенье, 14.01.2018, 05:28

Scorpion-78

Автор текущей темы
Группа: Пользователь
Ранг: Новичок
Cообщений: 53
Регистрация: 19.04.2017
Город: Краснокамск
 Увеличивать изображения в статистических страницах
Цитата
Автор: SX
Цитата
Автор: Scorpion-78
Здравствуйте, очень нужна возможность увеличения изображений в статистических страницах, подскажите пожалуйста, можно ли как то реализовать это? (Вот как тут на форуме,при клике на изображение оно увеличивается,)


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


Это как,я ненашел функции
Пользователь офлайн
Ссылка на сообщение в теме    Ссылка на страницу сообщения   Жалоба на сообщение  Наверх
События Воскресенье, 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, Гостей: 46

Поисковые боты: 110
Bot(87), oBot(8), Baidu.com(6), Googlebot(5), BingBot(3), Google
 Статистика форума

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

Игорь Вишневский (56), borovoy.in (39), alfa-kms (37), delserf (31)
Copyright © 2009 - 2025 SX All rights reserved | Powered by SX CMS 1.06 UTF | Контакты