Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<!DOCTYPE html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script> <script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script> <script type="text/javascript"> $(function() { $('#curtainX').cycle({ fx: 'curtainX', sync: 0, timeout: 0 }); $(".pics").mouseenter(function (e) { $('#curtainX').cycle('next'); }).mouseleave(function (e) { $('#curtainX').cycle('prev'); }); }); </script> </head> <body> <div id="curtainX" class="pics"> <img src="http://malsup.github.com/images/beach2.jpg" width="200" height="200" /><img src="http://malsup.github.com/images/beach3.jpg" width="200" height="200" /> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>