lightbox

[jim bim]

А где пути к каринкам прописывать?

[Garret]

В lightbox.js там вверху где то.

[jim bim]

Я не нашел где там... Ткни пальцем

[Garret]

var fileLoadingImage = "style_images/main/lightbox/loading.gif";		
var fileBottomNavCloseImage = "style_images/main/lightbox/close.gif";

[Wilddancer]

Вобщем нашел я небольшую ошибочку автора темы. Ставил на 2.0.x...работает !!!

Напишу сюда полную инструкцию

 

 

И так...скачиваем все файлики указанные в первом топике.

Копируем содержимое архива в директорию lightbox в главной папке форума

 

Редактируем lightbox/js/lightbox.js

Находим строчки, начинающиеся на fileLoadingImage и fileBottomNavCloseImage и меняем их значение на наше

Далее идем в ACP->Управление Шаблонами->выбираем шаблон->Верхний и Нижний Колонтитулы

После

<meta http-equiv="content-type" content="text/html; charset=win-1251" />

Вставляем

<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>

 

ACP->Управление Шаблонами->Изменить HTML Фрагменты->Просмотр Темы->Show_attachments_img_thumb

После

height="$height"

Добавляем

 rel="lightbox"

 

 

 

ACP->Управление Шаблонами->Изменить HTML Фрагменты->Основные HTML фрагменты->css_external

перед

</style>

добавляем

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

[Garret]

Ты не прав, единственное отличие твоего варианта, это то что ты подключаешь js'ники для всех страниц.

А это в свою очередь лишне, лучше подключить только при просмотре темы.

 

И зачем ты два раза css файл подключаешь???

[Wilddancer]

Ну в инструкции создателя темы не было

<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />

И постоянно рисунок загружался внизу страницы, делая большой отступ !!! После добавления этой строчки - все как по маслу !!

[Garret]

А это не то же самое?

All Global HTML(css_external):

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

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

[Wilddancer]

Да я знаю, не дурак...мне тоже показалось это странным

Просто я прочитал readme, прилагающиеся к файлам и там написано, что нужно вставить именно

<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />

А про @import url(/lightbox/css/lightbox.css); там ничего нет.

Факт то, что именно в моей версии на 2.0.3 он начинает работать

[Garret]

Он работает и так, 2.0.х

А эти два кода идентичны.

[Fun.Labz]

На 2.1.x работает..

Но я делал по другому.. Просто скачал архив, открыл Read me и все..

Что касается @import url(/lightbox/css/lightbox.css);, то это совсем не нужно.

 

Итак, повторюсь:

 

1) Изменяем общий шаблон форума - добавляем

 

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

после <meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" />

 

 

2) Skin_topic -> Show_attachments_img_thumb

Вместо того, что мы видим, вставляем следующее:

 

<a href="{ipb.script_url}act=Attach&type=$method&id=$aid" rel="lightbox" title="$file - {ipb.lang['attach_size']} $size, {ipb.lang['attach_ahits']} $hits" target="_blank"><img src="{ipb.vars['upload_url']}/$file_name" width="$width" height="$height" class="attach" alt="{ipb.lang['pic_attach']}" /></a>

 

[Вставляем rel="lightbox" перед title="$file]

 

Что касается неработающих менюшек, то используем пост #3 этой темы.

[Wilddancer]

2GarretM

И тем не менее большинство жаловалось на то, что рисунок открывается в далеком "низу"...я тоже

И тем не менее сделал как описано на пост выше меня и все ОК...все работает !!! Я же не вру !!!

[.silent]

Опера, наверное

[Fun.Labz]

Оффтопик, Opera рулит))))

[zarin_and_no_other]

мод встал хорошо, но менюхи упали. 3-й пост темы не помог. версия 2.1.6.

[.silent]

а мне третий пост помог

попробуй пару раз на страничке где есть этот лайтбокс нажать Ctrl+F5.

[Wilddancer]

Вот вот....помойму не я один заметил

Иногда у него заскоки бывают !!! То работает мод, то нет

В чем проблема ?! Кэш обнулял !!!

[Jax]

Иногда у него заскоки бывают !!! То работает мод, то нет

Значит страница до конца не прогрузилась (такое бывает из-за счетчиков и прочей лабуды - аватаров удаленных к примеру).

Изменено 8 Июля 2006 пользователем Jax

[Denny]

Вот на эти участки кода ругается браузер (ослик):

/* 
* ========================================
* Set up IPB table
* ========================================
*/

.ipbtable { width:100% }

table.ipbtable,
tr.ipbtable,
td.ipbtable
{ /* required for text in tables, because tables do not inherit from body */
background: transparent;
color: #222;
font-size: 11px;
line-height: 135%;
}

.ipbtable td,
.divpad{ /* gives all tables faux cellpadding of 5px */
padding: 5px;
}

td.nopad{ /* allows some tables to have no padding on the td */
padding: 0;
}



form{
display: inline;
margin: 0; /* removes mystery form tag gapping */
padding: 0; /* removes mystery form tag gapping */
}

img{
border: 0; /* makes sure linked images do not have a border */
vertical-align: middle;
}

/* Topic View elements */
.normalname a:link, 
.normalname a:visited, 
.normalname a:active{ 
font-size: 12px;
}

Если делать изменения в исходниках форума (как в 3-м посте) работа ява скриптов в Опере нормализуется, а в ослике остаётся только вторая ошибка.

 

ЗЫ: всё на локалхосте тестил, форум ставил заново, стиль стандартный. У кого какие идеи?

 

ЗЗЫ: может уважаемый sM1Le откроет нам секрет настройки для нормальной работы? Буду очень признателен и, наверно, не только я.

[.silent]

причем тут лайтбокс, Денни?

[Denny]

причем тут лайтбокс, Денни?

тема вроде лайтбоксу посвящена, а это ошибки с ява скриптами, которые появляются после установки лайтбокса, что не ясного? Вроде всё написал доходчиво

[.silent]

ты привел кусок css (кусок стандартного css стандартной поставки форума). причем тогда тут он? Изменено 9 Июля 2006 пользователем .silent

[Denny]

ты привел кусок css (кусок стандартного css стандартной поставки форума). причем тогда тут он?

в том-то и дело, что css. Почему до изменений браузер не ругается, а после - ругается? Почему именно здесь ошибки, я понять не могу

[Garret]

Ничего он не ругается... Во первых ошибки связаные с цсс это урунда, во вторых написал бы что за ошибка?

[.silent]

осел, насколько я помню, вообще на css ругаться не умеет.

да и кусок css не лайтбоксовский.