Как прикрутить lightbox к фотографиям пользователей?

Как прикрутить lightbox к фотографиям пользователей?

#1 19 июня 2011 в 17:33
Как прикрутить lightbox к фотографиям пользователей?
#2 19 июня 2011 в 18:29
это вечный вопрос)))…
#3 19 июня 2011 в 20:47
неужели никто не знает как сделать? может гуру научат нас?
#4 19 июня 2011 в 21:28
alexbabo, гугл — lightbox — смотрим примеры — делаем так же.
Там работы на 5 минут.
1. подключить скрипт лайтбокса и css
2. прописать необходимый класс ссылкам как правило class="lightbox-enabled"
3. в ссылке атрибут href должен указывать на большую фотку, например href="/images/users/photos/{$photo.imageurl}"

примерно так, просто достаточно задаться целью и попытаться сделать.
#5 21 июня 2011 в 01:50


alexbabo, гугл — lightbox — смотрим примеры — делаем так же.
Там работы на 5 минут.
1. подключить скрипт лайтбокса и css
2. прописать необходимый класс ссылкам как правило class="lightbox-enabled"
3. в ссылке атрибут href должен указывать на большую фотку, например href="/images/users/photos/{$photo.imageurl}"

примерно так, просто достаточно задаться целью и попытаться сделать.

Fuze

А сколько времени Вы потратили на написание этого сообщения?
Спасибо!
#6 21 июня 2011 в 10:02
все сделал, при нажатии на фото открывется lightbox, но большая картинка не находится… скажите что не так делаю…
#7 21 июня 2011 в 10:07
подозреваю что ссылка href="/images/users/photos/{$photo.imageurl}" не ведет на большую фотку
#8 21 июня 2011 в 10:54


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

PrazdNik

Опиши пожайлуста как и что делаеш.
#9 3 августа 2011 в 13:08


alexbabo, гугл — lightbox — смотрим примеры — делаем так же.
Там работы на 5 минут.
1. подключить скрипт лайтбокса и css
2. прописать необходимый класс ссылкам как правило class="lightbox-enabled"
3. в ссылке атрибут href должен указывать на большую фотку, например href="/images/users/photos/{$photo.imageurl}"

примерно так, просто достаточно задаться целью и попытаться сделать.

Fuze

litgt box грузится но href="/images/users/photos/{$photo.imageurl}" не открывает картинку, подскажите как правильно прописать.Спасибо
#10 8 августа 2011 в 07:50

href="/images/users/photos/{$photo.imageurl}"

alexbabo
это было дано для примера. вам достаточно взглянуть на код шаблона и найти там как выводится путь до фотографии.
/images/users/photos/medium/{$photo.imageurl}
#11 8 августа 2011 в 23:07


href="/images/users/photos/{$photo.imageurl}"

alexbabo
это было дано для примера. вам достаточно взглянуть на код шаблона и найти там как выводится путь до фотографии.
/images/users/photos/medium/{$photo.imageurl}

Fuze

За ответ спасибо.

Я всё перепробовал, в шаблоне вывод фото таков href="{$photo.url}" но не работает если так писать, пробовал и так <a class="lightbox-enabled" rel="lightbox-galery" href="/images/users/photos/medium/{$photo.imageurl}" title="{$photo.title}"> тоже не помогло, может в фронте надо менять что?

Я всё проделываю в com_users_photos.tpl там добавил
{add_js file="includes/jquery/lightbox/js/jquery.lightbox.js"}
{add_css file="includes/jquery/lightbox/css/jquery.lightbox.css"}
надеюсь правильно делаю.
#12 13 сентября 2011 в 12:55
Платно кто возьмётся?
Удачи!
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.