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 сервер отвечает запросом на запрос. Хакеры в бешенстве.

Сегодня в 12:59

#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

О проекте

Поддержка

Дополнения