Перейти к публикации

Рекомендованные сообщения

На сайте с DLE движком выдел заменен стандартный просмотр картинки на Lightbox2( пример).Подскажите как это реализовать.Есть ли готовый хак или модуль?

Ссылка на сообщение
Поделиться на других сайтах

по-пунктам:

1. нужно подключить js-файлы lightbox, следую инструкции по инсталляции http://www.huddletogether.com/projects/lightbox2/#how, нужно подключить:

<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>

<script type="text/javascript" src="js/lightbox.js"></script>
и
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
до тега </head> подключение highslide можно убрать, но если не уберёте я так понимаю тоже проблем не будет.
<script type="text/javascript" src="/engine/classes/highslide/highslide.js"></script>

<script type="text/javascript">	

	hs.graphicsDir = '/engine/classes/highslide/graphics/';

	hs.outlineType = 'rounded-white';

	hs.numberOfImagesToPreload = 0;

	hs.showCredits = false;

	hs.lang = {

		loadingText :	 'Загрузка...',

		fullExpandTitle : 'Развернуть до полного размера',

		restoreTitle :	'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',

		focusTitle :	  'Сфокусировать',

		loadingTitle :	'Нажмите для отмены'

	};

</script>
2. нужно сделать чтобы теперь при добавлении новости менялась ссылка: заходим /engine/classes/parse.class.php: 1)строку:
return "<!--TBegin--><a href=\"$gurl\" onClick=\"return hs.expand(this)\" ><img src=\"$url\" style=\"border: none;\" {$alt} /></a><!--TEnd-->";
меняем на:
return "<!--TBegin--><a href=\"$gurl\" rel=\"lightbox\" ><img src=\"$url\" style=\"border: none;\" {$alt} /></a><!--TEnd-->";
2) и строку:
return "<!--TBegin--><a href=\"$gurl\" onClick=\"return hs.expand(this)\" ><img align=\"$align\" src=\"$url\" style=\"border: none;\" {$alt} /></a><!--TEnd-->";
заменяете на:
return "<!--TBegin--><a href=\"$gurl\" rel=\"lightbox\" ><img align=\"$align\" src=\"$url\" style=\"border: none;\" {$alt} /></a><!--TEnd-->";

теперь при добавлении новой новости картинки будет уже увеличиваться через lightbox.

3. в принципе всё, писал на вскидку, так что строго не судите, мог что-то и упустить. Для того, чтобы старые картинки отображались таким же образом, наверное самый просто способ в mysql заменить старый вариант на новый с помощью REPLACE.

Удачи.

Ссылка на сообщение
Поделиться на других сайтах

Сделал все,как написано-получаю вот такую картинку на главной при добавлении в новость картинку.

e8b6fa70a6de44939216b797eaaf.jpeg

Lightbox2 не работает и не работает стандартная ф-ция.На картинке видно,что при добавлении картинки в новость она вылазит на соседнюю тему.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...