Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...
|
Архив - только для чтения |
Сообщество uCoz Модули uCoz Контент-модули Новости сайта Листание нескольких изображений в новости (Модуль "Новости сайта") |
Листание нескольких изображений в новости |
Здравствуйте! Вынужден создать тему, поскольку много искал, и вроде, нет решения данного вопроса.
Именно в модуле "Новости сайта", каким образом можно сделать так, чтобы при открытии большего размера изображения, которых в новости несколько штук, можно было их перелистывать? А не, закрывать открытое и опять открывать другое и так далее. Вот пример, где это было бы очень необходимо для удобства посетителей. |
nomid, прописывать картинки по такому принципу:
<a href="ссылка на картинку1" class="ulightbox" data-fancybox-group="group"><img src="ссылка на картинку1"></a> <a href="ссылка на картинку2" class="ulightbox" data-fancybox-group="group"><img src="ссылка на картинку2"></a> <a href="ссылка на картинку3" class="ulightbox" data-fancybox-group="group"><img src="ссылка на картинку3"></a> ... где data-fancybox-group="group" что красным произвольное название для группы картинок |
Я вывожу картинки так, через шаблон:
Код <?if($IMG_URL2$)?> <a href="$IMG_URL2$" rel="facebox" class="ulightbox"><img src="$IMG_SMALL_URL2$" alt="текс" width="160px" title="Натисніть, щоб переглянути збільшене зображення" /></a><?endif?> <?if($IMG_URL3$)?><a href="$IMG_URL3$" rel="facebox" class="ulightbox"><img src="$IMG_SMALL_URL3$" " alt="текс" width="160px" title="Натисніть, щоб переглянути збільшене зображення" /></a><?endif?> |
bandjuk, дело в том, что изображения вставляются в материал через $IMAGE2$ и так далее.
Anglerdima, это тоже не подойдет, поскольку изображение 2, 3 или 4 нужно в ставить в конкретное место статьи. Нет более простой, удобной и универсальной возможности это сделать? |
nomid, не знаю, на сколько правильно тебя понял, но вот такое решение: в шаблоне вида новостей в конец куда-нибудь вставляешь
Код $IMGS_ARRAY_JS$ <script> for(var i=1; i < allEntImgs$ID$.length; i++){ document.write('<a href="'+allEntImgs$ID$[i][0]+'" class="ulightbox" data-fancybox-group="ultbx$ID$" style="display:none"></a>'); } </script> И к ссылке на привью прописываешь атрибуты class="ulightbox" data-fancybox-group="ultbx$ID$" например так: Код <a href="$IMG_URL1$" class="thumb ulightbox" data-fancybox-group="ultbx$ID$"> <img src="$IMG_SMALL_URL1$" alt="" title="посмотреть все изображения"> </a> Скрипт выводит ссылки на все изображения прикрепленные к новости, начиная со второго и атрибут data-fancybox-group объединит их в группу. Тоже самое можно сделать и на странице материала и комментариев к нему. Можешь забрать этот код и вставить его себе, сам знаешь куда.
|
$Tiny$, великолепно!
То, что доктор прописал! Один раз вставить скрипт в исходник, и без прописывания каких-либо классов, кодов и прочего... Head-Mad, опять-же, этот вариант не совсем удобен, но все равно спасибо! P.S. Тему, наверное, можно закрыть! |
| |||
| |||