- Код: Выделить всё
#
#----- [ COPY ] ----------
#
copy files/resize.js to templates/SubSilver/resize.js
#
#----- [ OPEN ] ----------
#
templates/SubSilver/overal_header.tpl
#
#----- [ FIND ] ----------
#
.helpline
#
#----- [ AFTER, ADD ] ----------
#
.linked-image {
margin: 0px;
padding: 0px;
border: 0px;
}
.resized-linked-image {
margin: 1px 0px 0px 0px;
padding: 0px;
background-color: #000;
border: 0px;
color: #FFF;
font-size: 10px;
width: auto;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}
.resized-linked-image-zoom {
width: 200px;
height: 30px;
background-color: #FFF;
padding-top: 6px;
padding-left: 5px;
top: 0px;
left: 0px;
position: absolute;
display: none;
}
#
#----- [ FIND ] ----------
#
</head>
#
#----- [ BEFORE, ADD ] ----------
#
<script language="JavaScript" type="text/javascript" src="templates/subsilver/resize.js"></script>
#
#----- [ OPEN ] ----------
#
templates/SubSilver/bbcode.tpl
#
#----- [ FIND ] ----------
#
<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->
#
#----- [ IN-LINE FIND ] ----------
#
border="0"
#
#----- [ IN-LINE, AFTER ADD ] ----------
#
class="linked-image"
#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM
Модификация от StirolXXX, которая была опубликована здесь (я немного оформил ее).
Внешне это выглядет так:
И есть такая штука как lightbox: - http://www.huddletogether.com/projects/lightbox/
Так вот я хочу, чтоб при нажатии на ресайзенное изображение (а точнее его "текстовую" часть) вместо стандартного открытия "полного" изображения в родном окне, оно открывалось эффектом лайтбокс (как по ссылке раньше).
Как интегрировать лайтбокс в пхпбб - это не проблема, у меня просьба помочь разобраться с resize.js, немогу сориентироватсья где там формируется эта текстовая часть, а точнее как ей передать rel="lightbox", (автору писал, но видимо у него нет времени на это)
Добавлено спустя 1 минуту 46 секунд:
При нажатии на изображение (ту часть где пишется "уменьшено ... Нажмите для просмотра полного изображения") срабатывает такая вот функия:
- Код: Выделить всё
function fix_linked_images_onclick(e) {
PopUp(this._src,'popup',screen.width,screen.height,1,1,1);
//e=ipsclass.cancel_bubble_all(e);
return false;
}
А вот функция попап:
- Код: Выделить всё
function PopUp (url, name, width, height, center, resize, scroll, posleft, postop) {
showx="";
showy="";
if (posleft!=0) {
X=posleft;
}
if (postop!=0) {
Y=postop;
}
if (!scroll) {
scroll=1;
}
if (!resize) {
resize=1;
}
if ((parseInt(navigator.appVersion)>=4)&&(center)) {
X=(screen.width-width)/2;
Y=(screen.height-height)/2;
}
if (X>0) {
showx=',left='+X;
}
if (Y>0) {
showy=',top='+Y;
}
if (scroll!=0) {
scroll=1;
}
window.location = url;
//var Win=window.open(url,name,'width='+width+',height='+height+showx+showy+',resizable='+resize+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no');
}
Открытие изображения происходит в родном окне... как перегиграть это дела и пристроить сюда лайтбокс?
http://www.huddletogether.com/projects/ ... ightbox.js
