Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...

Перейти на новый сайт помощи по uCoz


  • Страница 1 из 1
  • 1
Архив - только для чтения
Листание нескольких изображений в новости
nomid
Сообщений: 184
Репутация: 40

Сообщение # 1 | 19:18:07
Здравствуйте! Вынужден создать тему, поскольку много искал, и вроде, нет решения данного вопроса.

Именно в модуле "Новости сайта", каким образом можно сделать так, чтобы при открытии большего размера изображения, которых в новости несколько штук, можно было их перелистывать? А не, закрывать открытое и опять открывать другое и так далее.

Вот пример, где это было бы очень необходимо для удобства посетителей.
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 2 | 19:37:40
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" что красным произвольное название для группы картинок
Anglerdima
Сообщений: 133
Репутация: 13

Сообщение # 3 | 19:39:59
Я вывожу картинки так, через шаблон:
Код
<?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?>
nomid
Сообщений: 184
Репутация: 40

Сообщение # 4 | 21:36:15
bandjuk, дело в том, что изображения вставляются в материал через $IMAGE2$ и так далее.

Anglerdima, это тоже не подойдет, поскольку изображение 2, 3 или 4 нужно в ставить в конкретное место статьи.

Нет более простой, удобной и универсальной возможности это сделать? sad
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 5 | 08:42:51
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$
Сообщений: 193
Репутация: 62

Сообщение # 6 | 12:06:36
На странице материала и комментариев к нему перед </body> вставить:
Код
<script type="text/javascript">
    $('.eMessage').find('.ulightbox').attr('data-fancybox-group', 'ultbx');
</script>
nomid
Сообщений: 184
Репутация: 40

Сообщение # 7 | 18:09:06
$Tiny$, великолепно! up
То, что доктор прописал! Один раз вставить скрипт в исходник, и без прописывания каких-либо классов, кодов и прочего...

Head-Mad, опять-же, этот вариант не совсем удобен, но все равно спасибо!

P.S. Тему, наверное, можно закрыть!
  • Страница 1 из 1
  • 1
Поиск: