TorrentPier archive

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

Started by dimka3210 on 2011-12-19 00:06 — 18 replies, 4002 views

dimka3210 StaffUser
#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 
<script type="text/javascript" src="{#BB_ROOT}misc/js/img_dimka3210.js"></script>
posting_editor.tpl
найти bbcode.addTag("codeCode", "code", null, "K", ctrl);
добавить
bbcode.addTag("codesrc", "src", null, "", ctrl);
в удобное место
<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;
ниже добавить
// 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'],
ниже добавить
"#\[src\]isu#"                                            => $tpl['src_open'],
            "#\[\/src\]isu#"                                        => $tpl['src_close'],
найти '[clear]' => '<div class="clear">&nbsp;</div>',
ниже добавить
'[src]'        => $tpl['src_open'],
            '[/src]'    => $tpl['src_close'],
файл img_dimka3210.js положить в misc/js
Результат


_Xz_ StaffUser
#2
файл img_dimka3210.js
сам чтоли писал?)
dimka3210 StaffUser
#3
сам чтоли писал?)
у мну просто их много) так назвал, так и оставил)
S.T.@.L.K.E.R. User
#4
Спасибо. Интересный эффект, правда если скрин от какого нибудь Blu-ray диска, то он так долго увеличивается) Да и если на маленьких разрешениях не очень удобно скрины увеличивать.
dimka3210 StaffUser
#5
Спасибо. Интересный эффект, правда если скрин от какого нибудь Blu-ray диска, то он так долго увеличивается) Да и если на маленьких разрешениях не очень удобно скрины увеличивать.
max-width ещё никто не отменял 🙂
S.T.@.L.K.E.R., обновил первый пост.
Вот на скрине результат, расширение монитора 1024*768
krumax User
#6
помнится одно время отражение аватара многим не нравилось из-за скрипта... а ведь этот будит по-хлеще.
dimka3210 StaffUser
#7
А что страшного то в JS? Выполняется он на стороне клиента, применяется только к 1-му элементу при наведении (ну я щас на клик переписал себе).
krumax User
#8
А что страшного то в JS? Выполняется он на стороне клиента, применяется только к 1-му элементу при наведении (ну я щас на клик переписал себе).
мне ничего странного, но если будит парочка картинок в HD (я не говорю про твой клик), то будит это всё печально.
PITBULL
#9
версия движка 2.4 (beta) (R336) в bbcode.php не могу найти "#\[img\]($img_url_exp)\[/img\]#isu" => $tpl['img'],
dimka3210 StaffUser
#10
версия движка 2.4 (beta) (R336) в bbcode.php не могу найти "#\[img\]($img_url_exp)\[/img\]#isu" => $tpl['img'],
Наверное плохо смотришь.