Плагин Фоторамы для движка S2 cms.
Фоторама — это превосходная галерея, которая умеет огромное количество всего, постоянно развивается. Её разрабатывает и улучшает Артём Поликарпов.
К тому же она совершенно бесплатна, распространяется под лицензией MIT. Её можно использовать в коммерческих проектах без опаски.
После установки плагина fotorama_button, 3 Kb в редакторе появляются кнопки, которые делают всё, что надо. Вставляете картинки, выделяете их, нажимаете кнопку — всё, галерея создана.
В шаблон автоматически подключаются JQuery и необходимые файлы Фоторамы, которые расположены на CDN-хостах. Это обеспечивает быстрый доступ к подключаемым библиотекам из любой точки мира.
При большом желании Фотораму можно скачать и залить к себе на хост. В этом случае придется немного подправить плагин и указать правильные пути.
- Основа, просто галерея с листалкой По умолчанию включена опция «развернуть на весь экран» (data-allowfullscreen="true") и поддержка тач-устройств. Можно добавить описание к картинке (data-caption="Описание") и тогда оно будет показываться поверх картинки.
<div class="fotorama"
data-arrows="true"
data-click="true"
data-swipe="true"
data-allowfullscreen="true">
<img src="1.jpg" data-caption="One">
<img src="2.jpg" data-caption="Two">
</div>
- Галерея с превьюшками. Хороша с большими картинками, которые можно развернуть на весь экран.
<div class="fotorama"
...
data-nav="thumbs">
...
</div>
Если указан размер для первой картинке в галерее, то Фоторама покажет все остальные картинки в этом же размере.
Иконка не пригодилась, возникли сложности в реализации. При этом никто не мешает вставлять нужное руками. Фоторама работает.
<div class="fotorama">
<a href="http://youtube.com/watch?v=C3lWwBslWqg">Desert Rose</a>
<a href="http://vimeo.com/61527416">Celestial Dynamics</a>
</div>
История версий и пример работы на странице плагина.
Пользуйтесь и обязательно поблагодарите Артёма — он клёвый!