• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Переключение изображений на сайте uCoz
Переключение изображений на сайте uCoz
Оригами
Пятница, 12 Мая 2017 | Сообщение 1
Оффлайн
Пользователи
Сообщений:19
Награды: 0
Наверно смешной вопрос, но всё же, как сделать переключатель на изображениях в каталоге файлов?
Чтоб не надо было при увеличении изображения его закрывать, а нажать по правой стороне и переключилось бы на следующий $IMG2$ там..

Прикрепления: 0064656.jpg (74.6 Kb)
Страна: (FI)
Kosten
Пятница, 12 Мая 2017 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Есть такой скрипт на одном сайте видел, не помню на каком, и точно не скажу, рабочий он.
Страна: (RU)
Kosten
Пятница, 12 Мая 2017 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Оригами, посмотрите ЗДЕСЬ
Страна: (RU)
Оригами
Пятница, 12 Мая 2017 | Сообщение 4
Оффлайн
Пользователи
Сообщений:19
Награды: 0
Kosten, на сколько я понимаю, то простые пользовали без доступа к хтмл тогда не смогут делать такие переключатели? Я такие видел, это неподходит, не то..
Страна: (FI)
Kosten
Пятница, 12 Мая 2017 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Оригами, может какой то сервер есть для этого, просто по переключателям не замарачивался, тематика не та.
Страна: (RU)
Оригами
Пятница, 12 Мая 2017 | Сообщение 6
Оффлайн
Пользователи
Сообщений:19
Награды: 0
Ну, может кто подскажет )
Страна: (FI)
waak
Пятница, 12 Мая 2017 | Сообщение 7
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Цитата Оригами ()
на сколько я понимаю, то простые пользовали без доступа к хтмл тогда не смогут делать такие переключатели? Я такие видел, это неподходит, не то..

а причем тут пользователи когда вам нужно просто установить скрипт в панель и всё после все картинки автоматом станут открываться в таком стиле
Страна: (RU)
Оригами
Пятница, 12 Мая 2017 | Сообщение 8
Оффлайн
Пользователи
Сообщений:19
Награды: 0
waak, ну я это то и хочу, но не найти такого скрипта же.
Страна: (FI)
First-1
Пятница, 12 Мая 2017 | Сообщение 9
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Оригами, разве это проблема сделать?
там где у тебя класс 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 | Сообщение 10
Оффлайн
Пользователи
Сообщений:19
Награды: 0
Цитата First ()
ulightbox

у меня нет такого класса..
Страна: (FI)
First-1
Пятница, 12 Мая 2017 | Сообщение 11
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Оригами, дай ссылку на сайт, можешь в личку
Если нет класса как тогда картинки открываются у тебя в таком окне?


Сообщение отредактировал
First - Пятница, 12 Мая 2017, 23:23
Страна: (UA)
waak
Пятница, 12 Мая 2017 | Сообщение 12
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Цитата Оригами ()
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 | Сообщение 13
Оффлайн
Пользователи
Сообщений:716
Награды: 22
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 | Сообщение 14
Оффлайн
Друзья сайта
Сообщений:880
Награды: 40
Оригами, тот скрипт, который выше привели - не совсем подходит, так как это оборот в анкор(ссылку) тех изображений, которые в материал просто прописывали через img (не вывод прикрепленных изображений переменными)... то есть, если тот скрипт прописать, то изображения уже имеющие ссылку (в частности, вывод превьюшек прикрепленных изображений) - получиться уже две ссылки у каждого из таких изображений (проверено).
First правильно ответил - никакие там скрипты еще не нужны, если используется системный скрипт увеличения (вот еще писал, как вариант rel="ulightbox" задавать). Это, если речь идёт про постеры материалов.
Если же нужно листать прикрепленные изображения внутри материала (вывод сделан тем, что в материал поставлены переменные на вывод прикрепленных изображений), то тогда скрипт придётся подключать.
В общем, чтобы каждому прикрепленному изображению сделать привязку такую, нужно в шаблон нижняя часть сайта прописать:
Код
<?if($MODULE_ID$='load' and $PAGE_ID$='entry')?><script type="text/javascript"> $(".ulightbox").attr('rel', 'ulightbox'); </script><?endif?>
Или же открыть шаблон страницы материала и комментариев к нему модуля каталог файлов и после $MESSAGE$ дописать скрипт, как советовали:
Код
<script type="text/javascript"> $(".eMessage .ulightbox").attr('data-fancybox-group', 'ulightboxgroup'); </script>
P.S.: Думаю, поймёте что к чему (без ссылки на сайт больше ничем не помогу).




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Суббота, 13 Мая 2017, 03:34
Страна: (UA)
Оригами
Суббота, 13 Мая 2017 | Сообщение 15
Оффлайн
Пользователи
Сообщений:19
Награды: 0
Цитата -SAM- ()
В общем, чтобы каждому прикрепленному изображению сделать привязку такую, нужно в шаблон нижняя часть сайта прописать:

Спасибо большое! Работает, то что надо. Можно закрывать 42
Страна: (FI)
Форум » Веб-разработка » Вопросы про uCoz » Переключение изображений на сайте uCoz
  • Страница 1 из 1
  • 1
Поиск: