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


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

Похожие темы

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


События Суббота, 13.01.2018, 15:26

Scorpion-78

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

Пользователь офлайн
События Суббота, 13.01.2018, 22:50

SX

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


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


Пользователь офлайн
События Воскресенье, 14.01.2018, 05:28

Scorpion-78

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


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


Это как,я ненашел функции
Пользователь офлайн
События Воскресенье, 14.01.2018, 11:14

MAPC2012

Группа: Пользователь
Ранг: Новичок
Cообщений: 73
Регистрация: 04.08.2014
Город: Благовещенск
Смотри примеры в этой статье: Статья со скриншотами
Так же и на страницах реализовано. В публикации страницы есть вкладка "Скриншоты".

Отредактировано Виктор (MAPC2012): 14.01.2018, 11:16:28


Время - лучший учитель, но,к сожалению, оно убивает своих учеников... (© Гектор Берлиоз)
Благодарности Scorpion-78
Пользователь офлайн
События Воскресенье, 14.01.2018, 14:22

Scorpion-78

Автор текущей темы
Группа: Пользователь
Ранг: Новичок
Cообщений: 51
Регистрация: 19.04.2017
Город: Краснокамск
Цитата
Автор: MAPC2012
Смотри примеры в этой статье: Статья со скриншотами
Так же и на страницах реализовано. В публикации страницы есть вкладка "Скриншоты".

Отредактировано Виктор (MAPC2012): 14.01.2018, 11:16:28


Да нашел все спасибо
Пользователь офлайн
События Вторник, 30.01.2018, 17:57

Scorpion-78

Автор текущей темы
Группа: Пользователь
Ранг: Новичок
Cообщений: 51
Регистрация: 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, Гостей: 23

Поисковые боты: 25
Crawler(2), Bot(12), oBot(9), Googlebot, Yandex
 Статистика форума

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

Voltronix (41), ptaha (37), Sasha (34)
Copyright © 2009 - 2018 SX All rights reserved | Powered by SX CMS 1.06 UTF | Контакты