1997
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
ИЗБРАННЫЕ ПРИМЕРЫ 2013 г. АПРЕЛЬ >>>
HTML ↴
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Фото с применением квадратной лупы jQuery + ddpowerzoomer</title> <script type="text/javascript" src="https://www.03www.ru/2013-04/jquery.js"></script> <script type="text/javascript" src="https://www.03www.ru/2013-04/44/ddpowerzoomer.js"></script> <script type="text/javascript"> jQuery(document).ready(function($){ //fire on DOM ready $('img#gallerya').addpowerzoom({magnifiersize:[200,200]}) $('img.gallery').addpowerzoom({powerrange:[2,5]}) }) </script> </head> <body> <img class="gallery" border="0" src="https://www.03www.ru/2013-03/001.jpg" style="width:400px;"> <p><a href="https://www.03www.ru/2013-04/jquery.js">jquery.js (164 kB)</a></p> <p><a href="https://www.03www.ru/2013-04/44/ddpowerzoomer.js">ddpowerzoomer.js (6 kB)</a></p> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(53156500, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/53156500" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --></body> </html>
размер
Kb
ПРИМЕР ↴
✔ пример в полном окне
Библиотека JAVASCRIPT 1997- Дизайн и сопровождение © SE@RCHER
ИЗБРАННЫЕ
ПРИМЕРЫ 2013 г. АПРЕЛЬ >>>