slideshov

Jquery Slider

Merhaba arkadaşlar yine bir Slider ile karşınıadayım daha şık bir slider www.saidyavuz.com'dan alıntıdır tr.gg'ye çeviri bize aittir. Yanlız ben tek kod html yaptım jquery'si css'si kodun içindedir. Deneyin Seveceksiniz.

Önizleme

Kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="tr-TR"> <head>     <title>Slider Demo</title>     <link rel="stylesheet" href="http://img66.xooimage.com/files/b/6/2/sliderstili-2fb5ff6.css" type="text/css" media="screen" />     <link rel="stylesheet" href="http://img66.xooimage.com/files/1/e/d/style-2fb5f41.css" type="text/css" media="screen" /> 	<link rel="stylesheet" href="http://img71.xooimage.com/files/4/1/e/nivo-slider-2fb6004.css" type="text/css" media="screen" /> </head> <body>     <div id="wrapper">                        <div class="theme-pascal slider-wrapper">             <div class="ribbon"></div>             <div id="slider" class="nivoSlider">                 <a href="http://saidyavuz.com" _fcksavedurl="http://saidyavuz.com"><img src="http://i.imm.io/d3wv.jpeg" _fcksavedurl="http://i.imm.io/d3wv.jpeg" alt="" title="Oyuncaklar Gezegeni" /></a>                 <a href="http://saidyavuz.com" _fcksavedurl="http://saidyavuz.com"><img src="http://i.imm.io/d3wq.jpeg" _fcksavedurl="http://i.imm.io/d3wq.jpeg" alt="" title="Biri Bizim Evi Indirsin" /></a>                 <img src="http://i.imm.io/d3wm.jpeg" _fcksavedurl="http://i.imm.io/d3wm.jpeg" alt="" title="Bir Manita BulamadIm Gitti" />                 <img src="http://i.imm.io/d3wf.jpeg" _fcksavedurl="http://i.imm.io/d3wf.jpeg" alt="" title="#htmlcaption" />             </div>             <div id="htmlcaption" class="nivo-html-caption">                 Selam Millet NasIlsInIz.             </div>         </div>      </div>     <script type="text/javascript" src="http://img70.xooimage.com/files/a/3/4/jquery-1.6.1.min-2cf63fd.js"></script>     <script type="text/javascript" src="http://img66.xooimage.com/files/1/a/f/1-2a851c9.js"></script>     <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script> </body> </html>

aktif-im

---

slideshov

Jquery Slider

Önizleme

Kod