Плагины

Последние посты на desiremotors.ru

Лента не найдена

Последние объявления на saledrom.ru

Лента не найдена

StarLite Pretty Photo 1.2 рус

Рейтинг:  4 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда не активна
 

Это интересный плагин галереи в статье. Плагин может выводить как картинки,так и видео такое как, flash, YouTube, IFRAME и Vimeo в статьях. Для того чтобы отобразить видео или картинки нужно применить определённый синтаксис.

В плагине автор описывает как это сделать,но по началу будет не сразу понятно,поэтому я малость разобрался и подскажу Вам то,что чаще всего используется на сайте. Чаще всего это одно фото,галерея и видио с YouTube. В плагине так же есть русский язык. Давайте разберём всё по порядку,начнём с простого это одно изображение. Для этого в нужной нам статье находим место и вставляет вот такой вот синтаксис,кстати они все в плагине,поэтому с потолка я их не беру.

Код вставляйте при отключённом редакторе и редактируйте его,иначе не будет работать. Отключить можно прямо при написание статьи не выходя из неё с помощью кнопки "Выключить редактор".

<a href="/images/foto/1mini.jpg" title=Название" rel="prettyPhoto"><img src="/images/foto/1maxi.jpg" border="0" alt="Название над фото" width="100" height="60" /></a>

Тут Мы указываем общую папку где хранятся наши фото и путь к ней. Первое фото это миниатюра,её можно изготовить сразу в маленьком размере или указать ниже размер миниатюры и изображение автоматически станет меньше,но общий размер не уменьшится имейте ввиду. Если у Вас уже заготовлены миниатюры,то размер указывать не нужно. Больше ничего тут трогать не нужно. Идём дальше,теперь вставим много фотографий,для этого пишем другой код.

<a href="/images/foto/1mini.jpg" title="Название1" rel="prettyPhoto[Например Gallery]"><img src="/images/foto/1maxi.jpg" border="0" alt="Название над фото1"width="100" height="60"  /></a> <a href="/images/foto/2mini.jpg" title="Название2" rel="prettyPhoto[Например Gallery]"><img src="/images/foto/2maxi.jpg" border="0" alt="Название над фото2"width="100" height="60"  /></a> <a href="/images/foto/3mini.jpg" title="Название3" rel="prettyPhoto[Например Gallery]"><img src="/images/extendeddb/foto/3maxi.jpg" border="0" alt="Название над фото3"width="100" height="60"  /></a>


Ну что теперь напрягает код? Думаю немного стало сложнее,хотя если понять,то всё просто. Я показал пример трёх фото как вывести в галереи,но на самом деле их можно указать сколько угодно. Теперь немного разберёмся почему два кода и по разному написано. Наверно многие подумают,что второй пример гораздо удобней записать чем первый,возможно,но записано так не просто так. В первом варианте у Вас будут идти изображения один за одним с указанным размером,а во втором варианте будет всё в столбик.

Вопрос, когда скажем будет 10-20 изображений как лучше записать? Пишите как первый вариант,плагин автоматически перенесёт изображения на новую строку. Так же как и в первом варианте укажите название,описание и ещё добавляется общее название галереи в кавычках,вот и всё.

<a href="/images/foto/1mini.jpg" title="Название1" rel="prettyPhoto[Например Gallery]"><img src="/images/foto/1maxi.jpg" border="0" alt="Название над фото1"width="100" height="60"  /></a>

<a href="/images/foto/2mini.jpg" title="Название2" rel="prettyPhoto[Например Gallery]"><img src="/images/foto/2maxi.jpg" border="0" alt="Название над фото2"width="100" height="60"  /></a>

<a href="/images/foto/3mini.jpg" title="Название3" rel="prettyPhoto[Например Gallery]"><img src="/images/extendeddb/foto/3maxi.jpg" border="0" alt="Название над фото3"width="100" height="60"  /></a>

Теперь добавим видео с YouTube,а тут всё просто тоже,вот код.

<a href="/YOUTUBE_http://www.youtube.com/watch?v=Df-rgfGHGzo" title="Название" rel="prettyPhoto"><img src="/images/foto/YouTube.jpg" border="0" alt="Название над видео"width="100" height="60 /></a>

Тут найдите ссылку на видео,вставьте как в примере,дальше его название,дальше миниатюру его и описание. Напомню,что размеры миниатюр можно не указывать,если они заготовлены за ранее,то будет отображаться в исходном. Если Вам не нужен заголовок,то он отключается в настройках. Так же у плагина есть 6 стилей показа и кнопки делиться в соц сетях. Смотрите демо и поймёте.

Так же есть возможность добавить ещё видео такое как flash, IFRAME и Vimeo,но тут не было времени разбираться,так как нужно готовить видео под это форматы,поэтому оставляю Вам разобраться в этом. Хотя мне кажется видео из YouTube за глаза хватит,так как мало кто будет захочет грузить свой хост. Разработчик утверждает,что поддерживает версию и joomla 3.0,я тестировал на joomla 2.5 всё отлично.

Основные характеристики:
* Он является с открытым исходным кодом и распространяется под лицензией GNU/GPL.
* Он предоставляет простой интерфейс.
* Он может отображать lightbox для одного изображения, галереи изображений, видео, flash, YouTube, IFRAME и Vimeo.
* Он поддерживает показывать заголовок, описание, социальные кнопки и т.д., в лайтбоксе.
* Предоставляет несколько тем, как по умолчанию, facebook, Свет округлые, Темные округлые, Светло-сквер и Темный квадрат.


Этот плагин работает в следующих браузерах:
* Firefox 3.0+
* Google Chrome 10.0+
* Internet Explorer 6.0+
* Safari 3.1.1+
* Opera 9+

Журнал изменений, в Версии 1.1:
+ Добавлены новые версии 1.8.2 jQuery
+ Добавлена никакого Конфликта в режиме jQuery

Журнал изменений, в Версии 1.2:
+ Добавлена совместимость с Joomla 3

Автор: http://www.starliteweb.com

Демо: http://www.starliteweb.com/demos/starlite-pretty-photo-demo.html#prettyPhoto

Лицензия: Бесплатно

Язык: Русский

Поддержка: 1.5-3.0

Размер: 127кб

Чтобы скачать, пройдите регистрацию на сайте.

 

 

Оставьте свой комментарий

Оставить комментарий от имени гостя

0 / 3500 Ограничение символов
Ваш текст должен быть в пределах 3-3500 символов
правилами и условиями.
  • Комментарии не найдены

Подпишитесь на наши соц группы

  1. Вконтакте
  2. Facebook
  3. Google+1
  4. Ок
  5. Твитер

Голосование в ВК

Авторизация

Последние комментарии

Гость - fb
From the side of the case, you can uk replica watches intuitively feel the beautiful curve of replic...
Гость - sdv
The black replica watches fabric table is paired with watches rolex a polished and polished pin buck...
JJ Fake Registered Users 1.0.... в Материалы Joomla
Гость - sv
The flower pattern on the rolex replica crown is composed of five Omega brand logos, which replica w...
Site Last Modified 2.6 рус в Материалы Joomla
Гость - sv
The watch house also got the replica watches first time in one of the steel black models. On the uk ...
JJ Sponsors 1.0.9 рус в Материалы Joomla
Гость - sv
This year, OMEGA has followed the replica watches uk long tradition of creating exquisite and uk rep...
EXT VK Poll 1.2 рус в Материалы Joomla

Последнее на форуме

  • Нет сообщений для показа

Поддержка проекта