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

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

 
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 317
Как прикрутить lightbox к фотографиям пользователей?



Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1097
это вечный вопрос)))...
Реклама
cms
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 317
неужели никто не знает как сделать?может гуру научат нас?



InstantCMS Team
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 4363
alexbabo, гугл - lightbox - смотрим примеры - делаем так же.
Там работы на 5 минут.
1. подключить скрипт лайтбокса и css
2. прописать необходимый класс ссылкам как правило class="lightbox-enabled"
3. в ссылке атрибут href должен указывать на большую фотку, например href="/images/users/photos/{$photo.imageurl}"

примерно так, просто достаточно задаться целью и попытаться сделать.
Видео каталог для InstantCMS | Аудио каталог для InstantCMS | Мы Вконтакте | Предложение для спонсоров
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2792
Fuze:

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

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

А сколько времени Вы потратили на написание этого сообщения?
Спасибо!
Редактировалось: 1 раз (Последний: 21 июня 2011 в 01:51)
Украинский для инстант
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1097
все сделал, при нажатии на фото открывется lightbox, но большая картинка не находится... скажите что не так делаю...
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1097
подозреваю что ссылка href="/images/users/photos/{$photo.imageurl}" не ведет на большую фотку
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 317
PrazdNik:

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

Опиши пожайлуста как и что делаеш.



Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 317
Fuze:

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

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

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



InstantCMS Team
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 4363
alexbabo:
href="/images/users/photos/{$photo.imageurl}"
это было дано для примера. вам достаточно взглянуть на код шаблона и найти там как выводится путь до фотографии.
/images/users/photos/medium/{$photo.imageurl}
Видео каталог для InstantCMS | Аудио каталог для InstantCMS | Мы Вконтакте | Предложение для спонсоров
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 317
Fuze:

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

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

Я всё перепробовал,в шаблоне вывод фото таков 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"}
надеюсь правильно делаю.
Редактировалось: 1 раз (Последний: 8 августа 2011 в 23:26)



Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2792
Платно кто возьмётся?
Удачи!
Украинский для инстант
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.