Lightbox к фотографиям на стене (iCMS 1.10)

Как прикрутить Lightbox к фотографиям на стене пользователя,на стене клуба,форуме,блоге,коментариях

#1 4 мая 2013 в 03:44

Я думаю, что наверняка не один столкнулся с проблемой, когда нажимая на картинку в клубе, профиле и на любой стене, то нас перекидывает на новую страничку "с картинкой без дизайна". Разумеется хотелось бы хоть что то преближеное к VK и другим соц сетям, но тут вопрос — хотя бы прикрутить Lightbox.
Что сделал: подключил в template наш Lightbox, а в файле bbcode.lib.php дописал:

 
$html .= '<div><a class="lightbox-enabled" rel="lightbox-galery" href="'.$src.'"><img src="'.$src.'" '.$this->cleanAttrValue($attr).' width="'.$width.'" height="'.$height.'" border="0"/></a></div>'."\n";

Получил:
Иконки bb пляшут, а внизу пытается выехать какая то ошибка… при обновке страницы — фото добавляется как нужно, но мигающая симофория без закрытия мало кому будет по душе.

скрин

Так же учитывая что весь этот код записывается в базу, то хотелось бы воздействовать на картинки с помощью кода шаблона- так как "засерать" лишним это не очень правильно.
Жду советов ГУРУ…

Чистить кэш, исправлять базу ручками и искать в гугле умею. Если задаю вопрос, то значит есть существенная причина!!!

#2 4 мая 2013 в 15:33

Тоже озадачился этой проблемой, но я решил не лайтбокс прекрутить а хайдслайде — теже… только в профиль

$html .= '<div><a class="lightbox-enabled" rel="lightbox-galery" href="'.$src.'"><img src="'.$src.'" '.$this->cleanAttrValue($attr).' width="'.$width.'" height="'.$height.'" border="0"/></a></div>'."\n";

внёс тоже такое изменение — ошибки не выдаёт, но только прикручиваю скрипт, так сразу и выскакивает ошибка (как у вас ).
В общем буду искать решение этой проблемы

Израильский sql сервер отвечает запросом на запрос. Хакеры в бешенстве.

#3 4 мая 2013 в 15:47

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

Израильский sql сервер отвечает запросом на запрос. Хакеры в бешенстве.

Сегодня в 10:54

#4 4 мая 2013 в 16:46

вот собственно и DEMO

Израильский sql сервер отвечает запросом на запрос. Хакеры в бешенстве.

#5 4 мая 2013 в 18:13

Как то больше интересует решение, а не демо 😊 поделитесь

#6 4 мая 2013 в 18:17

я использую Fancybox.
собственно саму библиотеку подключить и

<a class="gallery" href="'.$src.'">

#7 5 мая 2013 в 01:19

Как то больше интересует решение, а не демо поделитесь
Алексей

легко
в темплейт файл прописал

 <link rel="stylesheet" href="/highslide/highslide.css" type="text/css" />
	<script type="text/javascript" src="/highslide/highslide-with-gallery.js"></script>
<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;
 
// Add the controlbar
hs.addSlideshow({
	//slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		opacity: 0.75,
		position: 'bottom center',
		hideOnMouseOut: true
	}
});
</script>

в файле bbcode.lib.php заменил строчку 1217 на

$html .= '<div><a class="highslide-image" onclick="return hs.expand(this)" href="'.$src.'" ><img src="'.$src.'" '.$this->cleanAttrValue($attr).' width="'.$width.'" height="'.$height.'" border="0"/></a></div>'."\n";

и в корень сайта положил сам скрипт hightslide вот в принцепи и всё

Израильский sql сервер отвечает запросом на запрос. Хакеры в бешенстве.

#8 5 мая 2013 в 07:19

В общем сделал 2 варианта и чтобы через лайтбокс и хайслайде открывались фото в блоге выложил
Алексей, в принцепи у меня получилось тоже самое что и у вас

 
 
$html .= '<div><a class="lightbox-enabled" rel="lightbox-galery" href="'.$src.'"><img src="'.$src.'" '.$this->cleanAttrValue($attr).' width="'.$width.'" height="'.$height.'" border="0"/></a></div>'."\n";

подключаем скрипт в файле template.php вашего шаблона перед тегом </head>

 
<script language="JavaScript" type="text/javascript" src="/includes/jquery/lightbox/js/jquery.lightbox.js"/></script>

Вот и всё что я сделал и всё нормально работает, косяков покачто не нашел
если вам надо то могу файл /includes/bbcode/bbcode.lib.php вам в личку кинуть

Израильский sql сервер отвечает запросом на запрос. Хакеры в бешенстве.

#9 5 мая 2013 в 11:12

Dim@sik, большое спасибо за участие… оказалось, что проблема в шаблоне.
Нил, спасибо про наводку… реально фансибокс больше подходит, т.к. для ленивых пользователей проще листать кликом.
В общем спасибо всем за помощь — буду думать как исправить проблему у себя с шаблоном.

#10 5 мая 2013 в 19:48

Алексей, а что у вас за шаблон?

Израильский sql сервер отвечает запросом на запрос. Хакеры в бешенстве.

#11 6 мая 2013 в 01:28

Dim@sik, смотрите (на основе шаблона городаонлайн) Кстати в итоге использовал всё-таки highslide — он единственный ни кому не перечит и не мешает. шаблончик можно глянуть Primgorod.ru

Я смотрю темы по перепутались потому предлагаю форум считать закрытым и все вопросы задавать в блог Dim@sik'a instantcms.ru/blogs/kak-to-tak/lightbox-k-fotografijam-na-stene.html

Обязательное описание для фото

Не могу зайти в админку

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

Lightbox к фотографиям на стене (iCMS 1.10)

Похожие темы

Замена Редактора HTML на стене

Отредактировать запись на стене пользоватетеля

Как на стене группы публиковать фотографии, чтобы по клику они увеличивались на весь размер?

Загрузка фотографий

[ЕСТЬ РЕШЕНИЕ] Доп.фотографии магазина в общем каталоге

Ссылка входа на стене

InstantCMS Team

О проекте

Поддержка

Дополнения