|
Переключение изображений на сайте 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 ] |
|
|
