Перейти к контенту

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

Есть интересный способ отображения картинок-аттачей на странице топика, не открывая новое окно.

Пример можно посмотреть здесь:

http://l2forum.ru/forum/index.php?showtopi...751&st=620#

или http://www.huddletogether.com/projects/lightbox2/

 

Краткая информация как поставить lightbox на Ipb 2.1.x:

- Скачиваем с http://www.huddletogether.com/projects/lightbox2/#download последнюю версию (я использовал 2.02)

- Копируем содержимое архива на сервер, к примеру в директорию /lightbox/

- При необходимости в файле js/lightbox.js изменяем путь fileLoadingImage и fileBottomNavCloseImage

- В Skin Manager редактируем используемый стиль:

Topic View(Show_attachments_img_thumb):

добавляем в тэг <a> параметр rel="lightbox"

topic_page_top:

добавляем в начало:

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

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

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

 

All Global HTML(css_external):

перед </style> добавляем строчку

@import url(/lightbox/css/lightbox.css);

 

enjoy.

 

 

Для 2.3.х: http://forums.ibresource.ru/index.php?s=&a...st&p=302255

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

  • Ответы 127
  • Создана
  • Последний ответ

Лучшие авторы в этой теме

Лучшие авторы в этой теме

Загружено фотографий

не хило. красиво, блин.

но менюшки перестают работать на 2.1.х

 

ну его в пень. там объектам свойства новые присобачивают. все это в менюшки попадает как функции. да и вообще куча всего.

успешно удалено.

 

нет, все же домучал =)

 

jscripts/ips_menu.js, ищем

	if ( menu_cur_open )
{
	for ( i in menu_open_menus )
	{
		my_getbyid(_menu_get_base_name(i) + "_menu").style.display = "none";

, меняем на

	if ( menu_cur_open )
{
	for ( i in menu_open_menus )
	{
		try { my_getbyid(_menu_get_base_name(i) + "_menu").style.display = "none"; } catch(e) {};

 

style_images/1/folder_js_skin/ips_menu_html.js, ищем

				if ( menuinput[i].match( /^--NODIV--/ ) )
			{
				html += menuinput[i].replace( /^--NODIV--/, '' );
			}
			else
			{
				html += "<div class='" + thisclass + "'>\n" + menuinput[i] + "\n</div>\n";
			}

, меняем на

				if ( typeof menuinput[i] == 'string' )
			{
				if (menuinput[i].match(/^--NODIV--/))	html+=menuinput[i].replace(/^--NODIV--/, '');
				else html+="<div class='"+thisclass+"'>\n"+menuinput[i]+"\n</div>\n";
			}

 

решение вида "забиваем гвозди микроскопом", но работать все начинает

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

Версия 2.1.4, ничего не работает. Как открывались в новом окне, так и открываются.
Ссылка на комментарий
Поделиться на других сайтах

значит не всё сделали.

про css не забудьте. топикстартер не очень хороший способ его пихнуть на страницу предложил.

без прикрепленного css нифига работать не будет.

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

Господа, а для версии 2.0.4 версии сия штука подойдет? Судя по коду и способу прикручивания к форуму должна подойти, но мало ли. Кто-нибудь ставил уже ?
Ссылка на комментарий
Поделиться на других сайтах

Всё ставил, всё работает.

Ставил на версию 2.1.6, правда сначало скачал сие чудо, сам покапался, по своему поставил, а потом уже прочитал, как предлогает установить это автор темы. :D

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

Странно. Зашёл на форум аффтара данного топика, он пишет, мол, можете посмотреть тут данный мод в действии. Кликаю на изображение, всё как обычно, оно открывается в новом окне.

Так что по ходу у самого аффтара не получилось эту фишку к форуму привиньтить :D

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

Странно. Зашёл на форум аффтара данного топика, он пишет, мол, можете посмотреть тут данный мод в действии. Кликаю на изображение, всё как обычно, оно открывается в новом окне.

Так что по ходу у самого аффтара не получилось эту фишку к форуму привиньтить :D

Страница просто до конца не загрузилась )

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

Дубль три установки. Терь картинка загружается. В том же окне, только в самом низу страницы, делая офигенный отступ сверху. Хз чего такое...
Ссылка на комментарий
Поделиться на других сайтах

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

Таже фигня :D

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

На 2.0.х установилась нормально, закинул содержимое файла стилей lightbox в css стили ИПБ, и js файлы закинул в jscript, все пашет. Не забудьте только пути другие прописать :D
Ссылка на комментарий
Поделиться на других сайтах

Да и еще не забудьте пути к изображениям правильные выставить в lightbox.js.

 

Ту же феньку можно сделать и в списке участников с фотографиями :D Я переделал, мне понравилось ;)

 

sources/memberlist.php

Найти:

if ($member['photo_type'] and $member['photo_location'])
{
$member['camera'] = "<a href=\"java script:PopUp('{$ibforums->base_url}act=Profile&CODE=showphoto&MID={$member['id']}',
'Photo','200','250','0','1','1','1')\"><{CAMERA}></a>";
			}

Заменить:

if ($member['photo_type'] and $member['photo_location'])
			{
			$member['camera'] = "<a href=\"uploads/{$member['photo_location']}\" rel=\"lightbox\" title=\"$member[name]\"><{CAMERA}></a>";
			}

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

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

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

Гость
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

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

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

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

Зарузка...

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

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.