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

[2.3.x]Lightbox (balupton) UNSTABLE

Arhar

Автор: Arhar,
в Моды

 Поделиться

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

Kvendi

Kvendi

Опубликовано
Опубликовано
На 2.3.3 замечательно прикрепил Lightbox , который обсуждался в Tips ... и меню пофиксил и работает во ввсех браузерах
Ссылка на комментарий
Поделиться на других сайтах
  • Ответы 72
  • Создана
  • Последний ответ

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

Дни популярности

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

Дни популярности

EkZeKuteR

EkZeKuteR

Опубликовано
Опубликовано
Ну да, отключить lightbox для пользователей IE ;)

Понимаю, что шутка. Но не уловил, как это сделать :D

 

На 2.3.3 замечательно прикрепил Lightbox , который обсуждался в Tips ... и меню пофиксил и работает во ввсех браузерах

Это типа хватстаешься?

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

EkZeKuteR

Опубликовано
Опубликовано
Это типа факт аналогичной функции но кросбраузерной.

Поделись кросбраузерной функцией своей... и она к тебе не раз ещё вернётся. :D

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

EkZeKuteR

Опубликовано
Опубликовано

Спасибо.

Но я ищу способ на 2.1.x

 

И там в первом посте инструкция (на которую ты ссылаешь) не для той версии, на сколько я понимаю, что есть сейчас. Как минимум пути другие. В версии скрипта Lightbox v2.03.3 (readme) строчки имеют вид

src="/js/prototype.js"

В то время, как в первом посте там предлагают путь там версия 2.02 (старая)

src="/lightbox/js/prototype.js"

 

Я правильно это понял?

 

Может я придираюсь конечно, но именно отсутствие простой законченной инструкции для простых смертных и вызывает столько трудностей. Не все же гениальны, как вы. :D

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

EkZeKuteR

Опубликовано
Опубликовано

Выкладываю результат титанического труда и головолома:

Для версии 2.1.x

 

1. Качаем скрипт: http://www.huddletogether.com/projects/lightbox2/

(далее, видоизменённый способ от Destroynet)

2. Создаём на форуме папку /lightbox и кидаем в неё папки мода: /css /js /images

3. В файле js/lightbox.js

var fileLoadingImage = "images/loading.gif";		
var fileBottomNavCloseImage = "images/closelabel.gif";

меняем на:

var fileLoadingImage = "lightbox/images/loading.gif";		
var fileBottomNavCloseImage = "lightbox/images/closelabel.gif";

4. Админка - Скин - Изменить HTML фрагменты - skin_topic - Show_attachments_img_thumb:

меняем

<a

на

<a rel="lightbox[roadtrip]"

прим:

[roadtrip] - добавляет возможность смотреть не закрывая, если есть несколько картинок в посте. Никто почему то не упомянул эту прикольную возможность.

 

5. skin_topic -> topic_page_top:

в начало ставим:

<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />
<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>

 

6. Полетели менюшки, фиксим (способ .silent)

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/ - папка скина - /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";
			}

 

7. Начинает штырить в IE ошибка "Object doesn't support this propert or metod". Лечим её: (способ от Mastyf)

jscripts/ips_menu.js

 

Найти:

	if ( menu_registered.length > 0 )
{
	for( var i in menu_registered )
	{
		menu_init( menu_registered[i] );
	}

 

Заменить на:

	if ( menu_registered.length > 0 )
{
	for( var i in menu_registered )
	{
		try { menu_init( menu_registered[i] ); } catch(e) {};
	}

 

 

8. Начинаются глюки с модификацией быстрого ответа. Лечим: (способ от Sannis)

./jscripts/ipb_editor.js

В функции write_fontsize_box() найти

			option  = ips_font_sizes[i];
		display = ips_font_sizes[i];

		html += "\n<option value='" + display + "'>" + display + "</option>";

заменить на

		if(typeof ips_font_sizes[i] == 'number') // LightBox Fix
	{
		option  = ips_font_sizes[i];
		display = ips_font_sizes[i];

		html += "\n<option value='" + display + "'>" + display + "</option>";
	}

В функции write_fontface_box() найти

			option  = ips_primary_fonts[i];
		display = ips_primary_fonts[i];

		//-------------------------------
		// Tidy up show name
		// Make "courier new" "Courier New"
		//-------------------------------

		var tmp = display.split( " " );
		var rtn = new Array;

		for ( var id in tmp )
		{
			rtn[id] = tmp[id].substr(0, 1).toUpperCase() + tmp[id].substr(1);
		}

		display = rtn.join( " " );

		html += "\n<option style='font-family:" + display + "' value='" + display + "'>" + display + "</option>";

заменить на

		if(typeof ips_primary_fonts[i] == 'string') // LightBox Fix
	{
		option  = ips_primary_fonts[i];
		display = ips_primary_fonts[i];

		//-------------------------------
		// Tidy up show name
		// Make "courier new" "Courier New"
		//-------------------------------

		var tmp = display.split( " " );
		var rtn = new Array;

		for ( var id in tmp )
		{
			rtn[id] = tmp[id].substr(0, 1).toUpperCase() + tmp[id].substr(1);
		}

		display = rtn.join( " " );

		html += "\n<option style='font-family:" + display + "' value='" + display + "'>" + display + "</option>";
	}

 

9. Наслаждаемся гламуром на своём форуме. :D

 

PS: для версии 2.3.3. Kvendi любезно отписал тут: http://www.ibresource.ru/forums/index.php?...st&p=302255

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

Sannis

Опубликовано
Опубликовано
Выкладывайте в архив, а то не найдут :D
Ссылка на комментарий
Поделиться на других сайтах
Sannis

Sannis

Опубликовано
Опубликовано
Так как насчёт исправить 3й пункт в посте? :D
Ссылка на комментарий
Поделиться на других сайтах
EkZeKuteR

EkZeKuteR

Опубликовано
Опубликовано
Так как насчёт исправить 3й пункт в посте? :D

Просто я это сделал по быстрому таким способом, что кинул две папки images ;) .

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

 

-----

Всё. Готово. Гламурно. :)

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

gtk

Опубликовано
Опубликовано

Вообщем поставил я lightbox отсюда, т.к. другой ( http://www.ibresource.ru/forums/index.php?...st&p=178245 ) лично мне не поддался, НО... архив я качнул не отсюда а непосредственно с http://plugins.jquery.com/project/jquerylightbox_bal (в этом архиве кстати не только упакованные были)

 

и ставил не в папку jquery_lightbox, а просто lightbox соответственно пути выглядели так

 

<script type="text/javascript" src='jquery_lightbox/js/jquery-1.2.1.js'></script> (здесь наверное стоило бы версию все-таки не ставить, а оставить jquery.js)

и

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

 

Все вроде работает, НО.... (ох уж эта НО) - не нравится то что нельзя сохранять картинки, бывает большой отступ сверху, и не нравится надпись в верхнем правом углу.

 

Лююююди, переделайте пожалуйста - ведь хорошая фича. Нужно как-то скрестить эти 2 lightbox-a.

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

EkZeKuteR

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

Картинки, да. Можно сохранять только в IE. :) Опера, Мозила - не дают (видят, как html)

А надпись на форуме у меня не вылазит (хотя, по идее - должна). Вылазит только на сайте :D (там чистый отдельный lightbox стоит). Чего не вылазит на форуме - не знаю. Ну не очень то и хотелось. ;)

 

(я говорю только о версии к 2.1.x - другие не пробовал к сожалению)

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

akura

Опубликовано
Опубликовано
Картинки, да. Можно сохранять только в IE. :D Опера, Мозила - не дают (видят, как html)

смотрите как интересно! картинка открылась и в те доли секунды пока нижнее меню с CLOSE не открылось, сохранить картинку можно.. ну по крайней мере в моем SeaMonkey так

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

gtk

Опубликовано
Опубликовано
Картинки, да. Можно сохранять только в IE. :D Опера, Мозила - не дают (видят, как html)

смотрите как интересно! картинка открылась и в те доли секунды пока нижнее меню с CLOSE не открылось, сохранить картинку можно.. ну по крайней мере в моем SeaMonkey так

 

Неа, в Опере такое не прокатывает, думаю в Мозилле тож не прокатит.

 

И еще...

Эту строчку <script type="text/javascript" src='jquery_lightbox/js/jquery-1.2.1.pack.js'></script> наверное не стоит засовывать в общий шаблон, т.к. при входе на форум и переходе по разделам происходит мерцание на доли секунды, мелочь а неприятно.

 

лучше все-таки наверное его впихнуть непосредственно в skin_topic -> topic_page_top, чтобы если и мерцало то непосредственно в самой теме.

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

akura

Опубликовано
Опубликовано
Картинки, да. Можно сохранять только в IE. :D Опера, Мозила - не дают (видят, как html)

смотрите как интересно! картинка открылась и в те доли секунды пока нижнее меню с CLOSE не открылось, сохранить картинку можно.. ну по крайней мере в моем SeaMonkey так

Неа, в Опере такое не прокатывает, думаю в Мозилле тож не прокатит.

мож у нас оперы и мозиллы разные, мож руки)) но у меня в любом браузере, в те доли секунды,пока не догрузилась менюшка с CLOSE, картинку можно сохранять

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

Sannis

Опубликовано
Опубликовано
Архар, если будешь исправлять глюки с сохранением и осликом, попробуй это. Даёт сохранять и на демо ослика не валит :DПравда прийдётся jQuery подключать или резать нужное оттуда.
Ссылка на комментарий
Поделиться на других сайтах
Arhar

Arhar

Опубликовано
  • Автор
Опубликовано

на моем ие7 демо приклеилось к нижней части экрана, половину видно, половину нет, и скролится вместе с окном

мне в принципе не интересна вся эта ерунда, не работает - дайте способ отдебажить, не можете - забудьте про этот мод

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

gtk

Опубликовано
Опубликовано
Архар, если будешь исправлять глюки с сохранением и осликом, попробуй это. Даёт сохранять и на демо ослика не валит :DПравда прийдётся jQuery подключать или резать нужное оттуда.

 

Воооооот, еще одна классная штука нарисовалась, последняя пожалуй самое то. хмммм.... уже 3 модификации, и у каждой свои плюсы и минусы.

вот бы все соединить воедино ;)

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

foolly

Опубликовано
Опубликовано
Мод установил, а толку нету. Не работает! Как открывались в новом окне, так и родолжают
Ссылка на комментарий
Поделиться на других сайтах
 Поделиться
Перейти к списку тем
×
×
  • Создать...

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

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

  Согласен