Плавное увеличение скриншота при наведении курсора мыши

dimka3210

Пользователь
#1
Идея может быть не нова. Ну не знаю, мне вот так захотелось. Выкладываю, если посчитаете чушью, сильно не пинать.
#Author: dimka3210
#Time install: 3 min.
в main.css
Код:
img.expando{
border: none;
vertical-align: bottom;
max-width: 70%;
max-height: 70%;
}
page_header.tpl
HTML:
<script type="text/javascript" src="{#BB_ROOT}misc/js/img_dimka3210.js"></script>
posting_editor.tpl
найти bbcode.addTag("codeCode", "code", null, "K", ctrl);
добавить
PHP:
bbcode.addTag("codesrc", "src", null, "", ctrl);
в удобное место
PHP:
<input type="button" value="src" name="codesrc" title="SRC" style="width: 40px;" />
bbcode.php
найти $bbcode_tpl['img_aligned'] = <<<HTML
<var class="postImg postImgAligned img-\\1" title="\\2">&#10;</var>
HTML;
ниже добавить
PHP:
// SRC
$bbcode_tpl['src_open'] = <<<HTML
    <img class="expando" border="0" src="
HTML;
$bbcode_tpl['src_close'] = <<<HTML
    " height="100" />
HTML;
найти "#\[img\]($img_url_exp)\[/img\]#isu" => $tpl['img'],
ниже добавить
PHP:
"#\[src\]isu#"                                            => $tpl['src_open'],
            "#\[\/src\]isu#"                                        => $tpl['src_close'],
найти '[clear]' => '<div class="clear">&nbsp;</div>',
ниже добавить
PHP:
'[src]'        => $tpl['src_open'],
            '[/src]'    => $tpl['src_close'],
файл img_dimka3210.js положить в misc/js
Результат


 

Вложения

S.T.@.L.K.E.R.

Пользователь
#4
Спасибо. Интересный эффект, правда если скрин от какого нибудь Blu-ray диска, то он так долго увеличивается) Да и если на маленьких разрешениях не очень удобно скрины увеличивать.
 

dimka3210

Пользователь
#5
Спасибо. Интересный эффект, правда если скрин от какого нибудь Blu-ray диска, то он так долго увеличивается) Да и если на маленьких разрешениях не очень удобно скрины увеличивать.
max-width ещё никто не отменял :)
S.T.@.L.K.E.R., обновил первый пост.
Вот на скрине результат, расширение монитора 1024*768
 

Вложения

  • 149.8 KB Просмотры: 106

krumax

Пользователь
#6
помнится одно время отражение аватара многим не нравилось из-за скрипта... а ведь этот будит по-хлеще.
 

dimka3210

Пользователь
#7
А что страшного то в JS? Выполняется он на стороне клиента, применяется только к 1-му элементу при наведении (ну я щас на клик переписал себе).
 

krumax

Пользователь
#8
А что страшного то в JS? Выполняется он на стороне клиента, применяется только к 1-му элементу при наведении (ну я щас на клик переписал себе).
мне ничего странного, но если будит парочка картинок в HD (я не говорю про твой клик), то будит это всё печально.
 
P

PITBULL

Гость
#9
версия движка 2.4 (beta) (R336) в bbcode.php не могу найти "#\[img\]($img_url_exp)\[/img\]#isu" => $tpl['img'],
 

Вложения

Сверху