плагин что бы в сплывающем окне выводилась картинка по ссылке

[strannik-yura]

подскажите как можно реализовать данную функцию

есть есть две изображения  00016.jpg и 00016_thumb.jpg

по умолчанию показывается изображение 00016_thumb.jpg  по клику мышкой на нём в всплывающем окне всплывает большая картинка 00016.jpg

вот сама ссылка

Код:

<a href="/images/full/00016.jpg"><img class="mini" src="/images/160_thumb/00016_thumb.jpg" border="0" alt=""  /></a>

чем это можно реализовать?

[strannik-yura]

нашёл подходящий плагин - pPGallery
он использует скрипт - prettyPhoto
на сайте скрипта есть пример

Код:

prettyPhoto can open single images.
 
To do so, simply:

Create a link (<a href=”#”>).
Add the rel attribute “prettyPhoto” to it (rel=”prettyPhoto”).
Change the href of your link so it points to the full size image.

 

You can also add a title and a description to your picture:
To have display a title, add the title into the ALT attribute or your thumbnail image.
To have display a description, add the description into the TITLE attribute or your link.

Код:

<a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" /></a>

я сдел как там написано, но плагин не работает
работает только если сделать галерею {ppgallery}*folder* or *images*{/ppgallery}
но тумбу все ровно делает свою
хоть и указана ссылка
как сделать что он не генерил тумпу и ссылка оставалась рабочей
если ниже создонной галереии поставить картинки и в них прописать rel="prettyPhoto"

Код:

<a href="/images/glamur/00001.jpg" rel="prettyPhoto"><img class="mini" src="/images/glamur/thumb/00001_thumb.jpg" border="0" alt="1" /></a>

то всё заработает,
в pPGallery код с страницы

Код:

<p><span class="ppgalleryler">
<span class="ppg_thbox40"><span class="ppg_thbler"><a href="/images/glamur/thumb/00001_thumb.jpg" rel="prettyPhoto[40]" title="" target="_blank"><img src="/cache/ppgallery/40/images/glamur/thumb/160x160_q75-19_t_00001_thumb.jpg" alt="1" width="160" height="160" title="00001_thumb.jpg" /></a></span></span>
<span class="ppg_thbox40"><span class="ppg_thbler"><a href="/images/glamur/thumb/00002_thumb.jpg" rel="prettyPhoto[40]" title="" target="_blank"><img src="/cache/ppgallery/40/images/glamur/thumb/160x160_q75-19_t_00002_thumb.jpg" alt="1" width="160" height="160" title="00002_thumb.jpg" /></a></span></span>
<span class="ppg_clr"></span>
</span>
 </a></p>

кто знает как заставить работать плагин
плагин генерит код rel="prettyPhoto[40]
где надо изменить что бы получилось rel="prettyPhoto"

[Efanych]

Во втором сообщении запутался. А по первому (не нужно же уменьшеную копию создавать?)

подскажите как можно реализовать данную функцию

есть есть две изображения  00016.jpg и 00016_thumb.jpg

по умолчанию показывается изображение 00016_thumb.jpg  по клику мышкой на нём в всплывающем окне всплывает большая картинка 00016.jpg

вот сама ссылка

Код:

<a href="/images/full/00016.jpg"><img class="mini" src="/images/160_thumb/00016_thumb.jpg" border="0" alt=""  /></a>

чем это можно реализовать?

Добавить на нужную страницу вызов модалки

Код:

<?php JHTML::_('behavior.modal'); ?>

А потом ссылку прописать так

<a class="modal" href="/images/full/00016.jpg"><img class="mini" src="/images/160_thumb/00016_thumb.jpg" border="0" alt=""  /></a>

Работает на motools

[strannik-yura]

спасибо
подскажите как лучше добавить код

Код:

<?php JHTML::_('behavior.modal'); ?>

я его прописал в шаблон, как его прописать для отдельных страниц?

второй вопрос как можно сделать что бы в сплывающем окне я мог посмотреть следующую и предыдущую картинку

[Efanych]

я его прописал в шаблон, как его прописать для отдельных страниц?

Смотря где ссылка будет. В материалах php вроде не работает, поэтому можна для всех материалов в шаблоне вывода подгрузить.

второй вопрос как можно сделать что бы в сплывающем окне я мог посмотреть следующую и предыдущую картинку

Таким макаром, наверное никак. Можна вместо джумловской модалки плагин modalizer поставить, там будет на выбор 4-5 типов окон, в парочке из них (помоему в тех, что на jquery) будет листалка.

[strannik-yura]

спасибо
поставил
позже разберусь с настройками

[strannik-yura]

я вас правильно понял вы имели введу вот это http://www.nonumber.nl/extensions/modalizer#modal-types

[Efanych]

Листалка в парочке есть точно. В настройках вроде это автогрупировка

[strannik-yura]

то что доктор прописал
большой вам спасибо и "+" в репутацию