Question

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

Answer 1

Не видя ссылки на сайт и конкретного примера, могу лишь посоветовать воспользоваться решением - http://www.ucoz.ru/qa/index.php/15762 будет ссылка на сайт и конкретный пример изображения на сайте будет и ответ точнее.

Comments

Используйте скрипт по ссылке и этот:

<script>
$(".eMessage img").each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox'); 
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').attr("data-fancybox-group", "ulightboxgroup");
});
</script>

после будет как нужно.

---

Yuri_Geruk,

http://worldsimod.ucoz.com/ вот мой сайт, помогите со скриптом увеличение по клику.

---

Yuri_Geruk,

куда этот скрипт вставлять?

---

Евгений Хмелевой,

прежде задавать еще вопросы, прочитайте, пожалуйста, мой ответ выше, перейдите по ссылке и найдете инструкции куда ставить

---

Yuri_Geruk,

ну так я поставил и он не работает с картинками которые с посторонних сайтов. Это что нужно заливать картинки на сайт?

---

Евгений Хмелевой,

не обязательно, нужно указывать прямые ссылки и будет все работать, если не работать значит вы что-то неправильно выполняете

---

Yuri_Geruk,

пожалуйста помогите. И где этот ULIGHTBOX взять?

---

Евгений Хмелевой,

вы неверное ответы не читаете вовсе, я же написал что нужно вы как бы и не слышите, первый скрипт установили, второго не вижу, далее чтобы фото открывались, они должны быть добавлены вот так:

<a href="ссылка на фото"><img src="ссылка на фото"></a>

Либо просто вот так:

<img src="ссылка на фото">

после скрипты которые я дал сами сделают все что нужно, если вы будете добавлять фото в материалах.

---

Yuri_Geruk,

напишите все по порядку, как нужно. А то два скрипта и и незнаешь какой и куда ставить.

---

Евгений Хмелевой,

друг после друга, извините, но это вам нужно внимательно все читать, а не мне по два раза повторять одно и то же

---

Yuri_Geruk,

блин, что то не получается. Все делаю как вы писали

---

Евгений Хмелевой,

предоставьте ссылку на материал где у вас добавлено фото, будем смотреть по ходу

---

Yuri_Geruk,

http://worldsimod.ucoz.com/news/22/2016-03-14-6

---

Евгений Хмелевой,

Все работает как положено, фото увеличивается при клике в лайтбоксе, конечно фото растянуло сайт, чтобы исправить эту проблему в таблицу стилей http://worldsimod.ucoz.com/panel/?a=tmpl;m=3;t=3 добавьте в самый низ следующие стили:

.eMessage img {max-width:500px;}

после будет как положено. Если у вас не увеличивается фото при клике, очистьте кеш - http://faq.ucoz.ru/faq/31-1 у меня все работает.

---

Yuri_Geruk,

Бдагодарю вас, все работает!!!!!