1997
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
ИЗБРАННЫЕ ПРИМЕРЫ 2013 г. АПРЕЛЬ >>>
HTML ↴
<!-- saved from url=(0062)http://www.dailycoding.com/Uploads/2011/03/imageLens/demo.html --> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Фото с применением лупы jQuery + jquery.imageLens</title> <script src="https://www.03www.ru/2013-04/jquery.js" type="text/javascript"></script> <script src="https://www.03www.ru/2013-04/33/jquery.imageLens.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> $(function () { $("#img_04").imageLens({ borderSize: 8, borderColor: "#06f" }); }); </script> <style type="text/css"> body { margin: 0px; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 14px; } a { color: #0066CC; text-decoration: none; } a:hover { color: #CC0000; text-decoration: underline; } </style> <style type="text/css">.influads_img { border:0 !important; text-align:center !important;} .influads_text, .influads_text_a, .influads_text_a:visited { text-decoration: none; font-family:"Georgia" !important; font-size: 12px !important; text-align: center !important; line-height: 150% !important; color:#1F1F1F !important; padding-top: 5px !important;} .influads_text_a:hover { color:#1F4F1F !important; text-decoration: none; } .influads_block { width: 250px !important; overflow: hidden !important; text-align: center !important;} .influads_powered_div { padding: 5px 0 5px 0 !important; text-align: center !important;} .influads_powered_link{ font-family:"Arial" !important; font-size:9px !important; text-decoration:none !important; color:green !important;}</style></head> <body style="margin-left: 25px;"> <img id="img_04" src="001.jpg" width="400" height="600"> <pre>$("#img_04").imageLens({ borderSize: 8, borderColor: "#06f" });</pre> <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/33/jquery.imageLens.js">jquery.imageLens.js (3 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 г. АПРЕЛЬ >>>