jQueryBlinds

jQuery Blinds

Yazar: Emre Çördükler | Yayın Tarihi: 20 Şubat 2011 | Yorum Kategori: Css Htm jQuery Menü

Image Gallery kodlarında açılış yapmış bulunuyoruz.

jQuery Blinds (Optizim) Taracıları

Firefox 3.5
IE 8
IE 7
IE 6 (imagine my surprise!)
Opera 10
Chrome 4
Safari 4

Tasarım,Altı üstü Koplanmaz içerik (:

<link rel="Stylesheet" type="text/css" href="http://hibycocuk.funpic.org/calismalar/fgh/jQueryBlinds/blinds.css" /> 
<script language="Javascript" type="text/javascript" src="http://hibycocuk.funpic.org/calismalar/fgh/jQueryBlinds/jquery-1.4.1.js"></script>
<script language="Javascript" type="text/javascript" src="http://hibycocuk.funpic.org/calismalar/fgh/jQueryBlinds/jquery.blinds-0.9.js"></script>

<script type="text/javascript">

$(window).load(function () {
    $('.slideshow').blinds();
})
</script>

<div class="slideshow">
<ul>
<li><img src="http://www.littlewebthings.com/projects/blinds/lemons/1.jpg" alt="lemon" /></li>
<li><img src="http://www.littlewebthings.com/projects/blinds/lemons/2.jpg" alt="lemon tea" /></li>
<li><img src="http://www.littlewebthings.com/projects/blinds/lemons/3.jpg" alt="splashing lemon" /></li>
<li><img src="http://www.littlewebthings.com/projects/blinds/lemons/4.jpg" alt="salad with lemon" /></li>
<li><img src="http://www.littlewebthings.com/projects/blinds/lemons/5.jpg" alt="lemonade!" /></li>
<li><img src="http://www.littlewebthings.com/projects/blinds/lemons/6.jpg" alt="sliced lemon" /></li>
<li><img src="http://www.littlewebthings.com/projects/blinds/lemons/7.jpg" alt="dripping lemon" /></li>
</ul>
</div>

<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(0)">1</a>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(1)">2</a>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(2)">3</a>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(3)">4</a>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(4)">5</a>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(5)">6</a>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(6)">7</a>

Önizlemesi (jQuery Blinds)