Как встроить highslide в IPB?

[TOIIOP]

highslide - изображения AJAX увеличение (плавное пропорциональное увеличение изображений)

http://vikjavev.no/highslide

 

Как этот скрипт прикрутить на аттачи в форуме?

 

 

з.ы. если не сюда написал, перенесите в раздел о запросе модификации

[TOIIOP]

Хм.. сделал все по инструкции, но всеравно не работает.. где ошибся?

 

Добавил в css:

 

.highslide {
cursor: url(highslide/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide img {
border: 2px solid gray;
}
.highslide:hover img {
border: 2px solid white;
}
.highslide-wrapper {
background: white;
}
.highslide-image {
border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 5px solid white;
border-top: none;
padding: 5px;
background-color: white;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;

padding-left: 22px;
background-image: url(highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}

a.highslide-full-expand {
background: url(highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}

/* Это должно быть всегда в низу */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}

 

В Show_attachments_img_thumb было так:

<a id='ipb-attach-url-{$data['_attach_id']}' href="{$this->ipsclass->base_url}act=attach&type={$data['type']}&id={$data['attach_id']}" title="{$data['location']} - {$this->ipsclass->lang['attach_size']} {$data['file_size']}, {$this->ipsclass->lang['attach_ahits']} {$data['attach_hits']}" target="_blank"><img src="{$this->ipsclass->vars['upload_url']}/{$data['t_location']}" id='ipb-attach-img-{$data['_attach_id']}' style='width:{$data['t_width']};height:{$data['t_height']}' class='attach' width="{$data['t_width']}" height="{$data['t_height']}" alt="{$this->ipsclass->lang['pic_attach']}" /></a>

 

Стало:

<a id='ipb-attach-url-{$data['_attach_id']}' href="{$this->ipsclass->base_url}act=attach&type={$data['type']}&id={$data['attach_id']}" title="{$data['location']} - {$this->ipsclass->lang['attach_size']} {$data['file_size']}, {$this->ipsclass->lang['attach_ahits']} {$data['attach_hits']}" target="_blank" class="highslide" onclick="return hs.expand(this)"><img src="{$this->ipsclass->vars['upload_url']}/{$data['t_location']}" id='ipb-attach-img-{$data['_attach_id']}' style='width:{$data['t_width']};height:{$data['t_height']}' class='attach' width="{$data['t_width']}" height="{$data['t_height']}" alt="{$this->ipsclass->lang['pic_attach']}" /></a>

Добавил к ссылке class="highslide" onclick="return hs.expand(this)"

 

В global_board_header добавил перед <!--ipb.javascript.end--> вызов скриптов:

<script type="text/javascript" src="jscripts/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'drop-shadow';
</script>

 

Почему не работает??? Стили применились, ошибок от скрипта нет никаких.. Подскажите плиз.

[Serenity]

за ссылку огромное спасибо, великолепный скрипт

[FatCat]

за ссылку огромное спасибо, великолепный скрипт

Я тоже сначала так подумал, и хотел благодарить.

Потом потестил и разочаровался. Рефрешит при повторных открытиях полноразмерного окошка. Для статичного имиджа или текта все красивенько, а попытка поставить динамический текст или хотя бы ифрейм - и кирдых, пустое поле при повторном просмотре слайда.

Накрылась медным тазом идея сделать приваты в чате на этом механизме. А я, дурак, уже и метод создания динамического объекта сделал... http://vesvalo.net/chat/test.html ... псу под хвост... Так и останутся приваты в поп-апах.

[Kvendi]

FatCat , а если lytebox ?

[FatCat]

FatCat , а если lytebox ?

Это что?

 

Проблема тут в том, что при каждом разворачивании слайда происходит новая загрузка контента. То есть, играет не свойствами display, а созданием/уничтожением динамических объектов.

[Kvendi]

http://www.dolem.com/lytebox/

или можно так:

http://jquery.com/demo/thickbox/

[FatCat]

У иквери хороший код.

Но для масштабирования рисунков - лучший, ИМХО, на "торрентах-ру".

Можно довольно просто взять штатный иквери, сдернуть с торрентов параметры обращения, затем подсократить штатный иквери, отбросив неиспользуемые функции, затем пользоваться, или самому укомпрессить для пользования.

[Kvendi]

FatCat, да это-то понятно я тебе ссылки скидывал для отображения html -контента )

[Serenity]

если уж речь зашла о jQuery

вот тут отличная вводная статья.

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

[DerSpinner]

У иквери хороший код.

Но для масштабирования рисунков - лучший, ИМХО, на "торрентах-ру".

Можно довольно просто взять штатный иквери, сдернуть с торрентов параметры обращения, затем подсократить штатный иквери, отбросив неиспользуемые функции, затем пользоваться, или самому укомпрессить для пользования.

мы как всегда "за"

только мозгов (серое вещество в попе, тьфу, в голове) не хватает как всегда.

можете сделать примерный набросок?=)

заране Danke

[TOIIOP]

Ну так как мне сделать только для картинок этот скрипт?