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

dimka3210

dimka3210

Легенда
Идея может быть не нова. Ну не знаю, мне вот так захотелось. Выкладываю, если посчитаете чушью, сильно не пинать.
#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
Результат


 

Вложения

  • img_dimka3210.rar
    778 байт · Просмотры: 45
S.T.@.L.K.E.R.

[email protected].

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

dimka3210

Легенда
[email protected]. написал(а):
Спасибо. Интересный эффект, правда если скрин от какого нибудь Blu-ray диска, то он так долго увеличивается) Да и если на маленьких разрешениях не очень удобно скрины увеличивать.
Нажмите для раскрытия...
max-width ещё никто не отменял :)
[email protected]., обновил первый пост.
Вот на скрине результат, расширение монитора 1024*768
 

Вложения

  • 15.jpg
    15.jpg
    149.8 KB · Просмотры: 110
krumax

krumax

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

dimka3210

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

krumax

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

PITBULL

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

Вложения

  • bbcode.rar
    7.6 KB · Просмотры: 3
dimka3210

dimka3210

Легенда
PITBULL написал(а):
версия движка 2.4 (beta) (R336) в bbcode.php не могу найти "#\[img\]($img_url_exp)\[/img\]#isu" => $tpl['img'],
Нажмите для раскрытия...
Наверное плохо смотришь.
9b280be925a1befc7f156a657aa1b1fd.jpg

 
Сверху