|
Переключение изображений на сайте uCoz
|
|
| Оригами | Пятница, 12 Мая 2017, 14:30 | Сообщение 1 |
| Наверно смешной вопрос, но всё же, как сделать переключатель на изображениях в каталоге файлов?
Чтоб не надо было при увеличении изображения его закрывать, а нажать по правой стороне и переключилось бы на следующий $IMG2$ там..
| | [ FI ] |
| |
| Kosten | Пятница, 12 Мая 2017, 15:05 | Сообщение 2 |
| Есть такой скрипт на одном сайте видел, не помню на каком, и точно не скажу, рабочий он.
| | [ RU ] |
| |
| Kosten | Пятница, 12 Мая 2017, 15:08 | Сообщение 3 |
|
| Оригами, посмотрите ЗДЕСЬ
| | [ RU ] |
| |
| Оригами | Пятница, 12 Мая 2017, 15:15 | Сообщение 4 |
|
| Kosten, на сколько я понимаю, то простые пользовали без доступа к хтмл тогда не смогут делать такие переключатели? Я такие видел, это неподходит, не то..
| | [ FI ] |
| |
| Kosten | Пятница, 12 Мая 2017, 15:22 | Сообщение 5 |
|
| Оригами, может какой то сервер есть для этого, просто по переключателям не замарачивался, тематика не та.
| | [ RU ] |
| |
| Оригами | Пятница, 12 Мая 2017, 16:20 | Сообщение 6 |
|
| Ну, может кто подскажет )
| | [ FI ] |
| |
| waak | Пятница, 12 Мая 2017, 20:08 | Сообщение 7 |
| Цитата Оригами (  ) на сколько я понимаю, то простые пользовали без доступа к хтмл тогда не смогут делать такие переключатели? Я такие видел, это неподходит, не то..
а причем тут пользователи когда вам нужно просто установить скрипт в панель и всё после все картинки автоматом станут открываться в таком стиле
| | [ RU ] |
| |
| Оригами | Пятница, 12 Мая 2017, 22:34 | Сообщение 8 |
|
| waak, ну я это то и хочу, но не найти такого скрипта же.
| | [ FI ] |
| |
| First-1 | Пятница, 12 Мая 2017, 22:58 | Сообщение 9 |
| Оригами, разве это проблема сделать?
там где у тебя класс ulightbox добавь такую строчку Код data-fancybox-group="ulightboxgroup"
Как пример в виде материалов :
Код <a href="$IMG_URL1$" class="ulightbox" target="_blank" data-fancybox-group="ulightboxgroup"><img src="$IMG_URL1$" alt="$TITLE$"></a>
Сообщение отредактировал
First - Пятница, 12 Мая 2017, 23:18 | | [ UA ] |
| |
| Оригами | Пятница, 12 Мая 2017, 23:15 | Сообщение 10 |
|
| Цитата First ( ) ulightbox
у меня нет такого класса..
| | [ FI ] |
| |
| First-1 | Пятница, 12 Мая 2017, 23:17 | Сообщение 11 |
|
| Оригами, дай ссылку на сайт, можешь в личку
Если нет класса как тогда картинки открываются у тебя в таком окне?
Сообщение отредактировал
First - Пятница, 12 Мая 2017, 23:23 | | [ UA ] |
| |
| waak | Пятница, 12 Мая 2017, 23:40 | Сообщение 12 |
|
| Цитата Оригами ( ) waak, ну я это то и хочу, но не найти такого скрипта же.
вот тебе стандартный скрипт
Код <script type="text/javascript"> $(".eMessage img").each(function(){ if($(this).attr("src").length>0){ var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):""); $(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>'); }; }); </script>
на страницы материала и комментариев к нему просто обвели весь код который в body тегом с классом eMessage или просто добавь его тегу body и всё все картинки что будут в этом классе будут открываться в окошке
а ну и забыл добавить сам скрипт в нижнюю часть сайта ставишь
Сообщение отредактировал
waak - Пятница, 12 Мая 2017, 23:43 | | [ RU ] |
| |
| First-1 | Пятница, 12 Мая 2017, 23:53 | Сообщение 13 |
|
| waak, и у него от этого скрипта в окошке стрелки появляться для перелистывания изображений? Нет, не появляться. Судя по вопросу так они и открываются в окошке, но нет переключателей. Если у него нет класса ulightbox (или он его не нашел) тогда как вариант что он использует именно такой скрипт. Если использовать скрипт, что ты привел, тогда нужно в него добавлять переключатели и использовать тогда так
Код <script type="text/javascript"> $(".eMessage img").each(function(){ if($(this).attr("src").length>0){ var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):""); $(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank" data-fancybox-group="ulightboxgroup"'+title+'></a>'); }; }); </script>
А лучше перед тем как ставить скрипт глянуть что у него прописано к картинке
Сообщение отредактировал
First - Пятница, 12 Мая 2017, 23:55 | | [ UA ] |
| |
| -SAM- | Суббота, 13 Мая 2017, 02:07 | Сообщение 14 |
| Оригами, тот скрипт, который выше привели - не совсем подходит, так как это оборот в анкор(ссылку) тех изображений, которые в материал просто прописывали через img (не вывод прикрепленных изображений переменными)... то есть, если тот скрипт прописать, то изображения уже имеющие ссылку (в частности, вывод превьюшек прикрепленных изображений) - получиться уже две ссылки у каждого из таких изображений (проверено).
First правильно ответил - никакие там скрипты еще не нужны, если используется системный скрипт увеличения (вот еще писал, как вариант rel="ulightbox" задавать). Это, если речь идёт про постеры материалов.
Если же нужно листать прикрепленные изображения внутри материала (вывод сделан тем, что в материал поставлены переменные на вывод прикрепленных изображений), то тогда скрипт придётся подключать.
В общем, чтобы каждому прикрепленному изображению сделать привязку такую, нужно в шаблон нижняя часть сайта прописать:Код <?if($MODULE_ID$='load' and $PAGE_ID$='entry')?><script type="text/javascript"> $(".ulightbox").attr('rel', 'ulightbox'); </script><?endif?> Код <script type="text/javascript"> $(".eMessage .ulightbox").attr('data-fancybox-group', 'ulightboxgroup'); </script>
Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".
Сообщение отредактировал
-SAM- - Суббота, 13 Мая 2017, 03:34 | | [ UA ] |
| |
| Оригами | Суббота, 13 Мая 2017, 10:48 | Сообщение 15 |
|
| Цитата -SAM- ( ) В общем, чтобы каждому прикрепленному изображению сделать привязку такую, нужно в шаблон нижняя часть сайта прописать:
Спасибо большое! Работает, то что надо. Можно закрывать 
| | [ FI ] |
| |
