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> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>JQuery Cycle Plugin - 'Curtain' Demo</title> <link rel="stylesheet" type="text/css" media="screen" href="../jq.css" /> <link rel="stylesheet" type="text/css" media="screen" href="cycle.css" /> <style type="text/css"> </style> <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, delay: 20 }); }); </script> </head> <body> <table cellspacing="20"><tr> <td> <div id="curtainX" class="pics"> <img src="http://malsup.github.com/images/beach1.jpg" width="200" height="200" /> <img src="http://malsup.github.com/images/beach3.jpg" width="200" height="200" /> </div> </td> </tr> </table> </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>