Question

На главной странице сайта надо чтобы нажал на фото и оно открылось в лайтбоксе (стандартная функция Юкоз)

пробовал это:

<a href="картинка превью" class="ulightbox" target="_blank" title="пояснительный текст"><img alt="альтернативное название картинки" ></a>

Не работало. Затем попробовал это:

<a class="dd-tip ulightbox" href="http://konniysport.ucoz.com/_ph/1/251254783.jpg?1447075271" target="_blank"><i class="expand-ico"></i><!--<s10014>--><img ></a>

Это сработало. Картинки при клике открывались в этом лайтбоксе, но...

Потом я что-то натворил натворил на сайте и этот код перестал работать(

Теперь при клике фото открывается тупо на новой вкладке, что не удобно.

Помогите разобраться с кодом.

Answer 1

Более правильный пример лайбокса смотрите в ответе на вопрос - http://www.ucoz.ru/qa/index.php/1252  у вас в коде выше вообще отсутствует параметр src с изображением, только ссылка.

Comments

Попробавл как в вашем примере по ссылке что вы дали, не работает. Посмотрите вот здесь.

http://konniysport.ucoz.com/

Сделал всё так же

<a href="http://konniysport.ucoz.com/img/IMG_3860.jpg" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере..."><img alt="альтернативное название картинки" style="margin:0;padding:0;border:0;" src="http://konniysport.ucoz.com/demo/IMG_38601.jpg"></a>

---

Михаил Коллинс,

Удалите это  target="_blank"

---

Sentimo,

Убирал, открывается на этой же странице, только не в лайтбоксе, вообще это же обязательный код для лайтбокса)

поставил сейчас вот так

 

<a class="dd-tip ulightbox" href="http://konniysport.ucoz.com/_ph/1/251254783.jpg?1447148096" target="_blank"><i class="expand-ico"></i><!--<s10014>-->В реальном размере<!--</s>--> <b>1600x1200</b> / 251.9Kb</a>

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

---

Михаил Коллинс,

Может можно где-то настроить лайтбокс ? Сначала же он работал четко, а теперь не работает.

---

Михаил Коллинс,

воспользуйтесь скриптом с материала - http://www.ucoz.ru/qa/index.php/15762 после добавляйте фото следующим методом:

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

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

---

Yuri_Geruk,

Вот сделал так как вы говорите, ну не работает у меня почему-то. Я прошу вас помочь.

---

Yuri_Geruk,

http://konniysport.ucoz.com/photo/magazin_quot_konnyj_sport_quot/1-0-5 вот здесь работает в фотоальбоме

---

Yuri_Geruk,

Выберу ответ ваш лучшим, но все равно ничего не работает