Bs Pazar - Slaytlı Resim ( Image Slider ) Kod ve Önizlemesi (3)

Bs Pazar - Slaytlı Resim ( Image Slider ) Kod ve Önizlemesi (3)

Baba Sayfa
Röportajlar
HTML Kodları
=> Sitene Aşk Ölçer Ekle
=> Hangi Gün Doğdun Kodu
=> JavaScript
=> Slaytlı Resim ( Image Slider ) Kod ve Önizlemesi (5)
=> Slaytlı Resim ( Image Slider ) Kod ve Önizlemesi (4)
=> Slaytlı Resim ( Image Slider ) Kod ve Önizlemesi
=> Slaytlı Resim ( Image Slider ) Kod ve Önizlemesi (3)
=> Slaytlı Resim ( Image Slider ) Kod ve Önizlemesi (2)
Büyüteç Nedir ?
İlginç İçerikler
Makaleler
Foto Galeri
Video Galeri
Hobi
Şansımı Denemek İstiyorum

Slaytlı Resim ( Image Slider ) Kod ve Önizlemesi (3)

Bedava-Sitem Forumunda dolaşırken tesadüfen İbrahim Gün arkadaşımızın paylaştığı bir

başlıkda 7 Adet Slider kodu bulduk. Bizde bu kodları bs-pazar takipçilerinin işine yarıyacağını

düşünerek paylaşmak istedik. İbrahim Gün'e katkılarından dolayı teşekkürler.

Başlık Açıklaması
Başlık Açıklaması3
Başlık Açıklaması4

Kodu Aşağıdaki Kutudan Kopyalayabilirsiniz

<style type="text/css">  .slider-box {      background: none repeat scroll 0 0 #FAFAFA;      border-radius: 5px 5px 5px 5px;      box-shadow: 0 0 3px #333333;      margin: 0 auto;      width: 675px;     overflow: hidden;  }  #slider-wrapper {      margin: 0 auto;      padding: 10px;  }  #jslider-container {      border: 2px solid #FFFFFF;      max-width: 550px;      position: relative;      text-align: left;      z-index: 90;  }  </style>  <link href="http://project.dimpost.com/image-slider/wowslider/css/wow-slider.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>  <div class="slider-box">  <div id="slider-wrapper">  <div id="jslider-container">  <div class="jslider_images">  <ul>      <li><a href="http://dimpost.com" _fcksavedurl="http://dimpost.com">       <img src="http://1.bp.blogspot.com/-8PTU1PEcmLI/Uc2n85UpHUI/AAAAAAAAB4k/j6NY9ZqIyRY/s550/sample1.jpg" _fcksavedurl="http://1.bp.blogspot.com/-8PTU1PEcmLI/Uc2n85UpHUI/AAAAAAAAB4k/j6NY9ZqIyRY/s550/sample1.jpg" title="Başlık Adı" alt="" />       </a>A boat with beautiful Başlık Adı.</li>      <li><a href="#" _fcksavedurl="#">       <img src="http://2.bp.blogspot.com/--GmwV2nAsUQ/Uc2oEd7wNBI/AAAAAAAAB40/ETmQqqlBgvk/s550/sample2.jpg" _fcksavedurl="http://2.bp.blogspot.com/--GmwV2nAsUQ/Uc2oEd7wNBI/AAAAAAAAB40/ETmQqqlBgvk/s550/sample2.jpg" title="Başlık Adı2" alt="" />       </a></li>      <li><a href="#" _fcksavedurl="#">       <img src="http://1.bp.blogspot.com/-6g4P9qoMRmI/Uc2oOy08cOI/AAAAAAAAB48/XZ09I9967yU/s550/sample3.jpg" _fcksavedurl="http://1.bp.blogspot.com/-6g4P9qoMRmI/Uc2oOy08cOI/AAAAAAAAB48/XZ09I9967yU/s550/sample3.jpg" title="Başlık Adı3" alt="" />       </a>Başlık Açıklaması3</li>      <li><a href="#" _fcksavedurl="#">       <img src="http://4.bp.blogspot.com/-gHD47bEFHb8/Uc2oBkNydjI/AAAAAAAAB4s/pT6e5eMXCCc/s550/sample4.jpg" _fcksavedurl="http://4.bp.blogspot.com/-gHD47bEFHb8/Uc2oBkNydjI/AAAAAAAAB4s/pT6e5eMXCCc/s550/sample4.jpg" title="Başlık4" alt="" />       </a>Başlık Açıklaması4</li>      <li><a href="#" _fcksavedurl="#">       <img src="http://4.bp.blogspot.com/-_Fl22hwvf4g/Uc2oRuUPfOI/AAAAAAAAB5M/-paJ0C3ecTw/s550/sample5.jpg" _fcksavedurl="http://4.bp.blogspot.com/-_Fl22hwvf4g/Uc2oRuUPfOI/AAAAAAAAB5M/-paJ0C3ecTw/s550/sample5.jpg" title="Başlık5" alt="" />       </a></li>      <li><a href="#" _fcksavedurl="#">       <img src="http://3.bp.blogspot.com/-cOF07FfXZ0I/Uc2oQ5cFN2I/AAAAAAAAB5E/RTzFpK-6oMM/s550/sample6.jpg" _fcksavedurl="http://3.bp.blogspot.com/-cOF07FfXZ0I/Uc2oQ5cFN2I/AAAAAAAAB5E/RTzFpK-6oMM/s550/sample6.jpg" title="Başlık6" alt="" />       </a></li>  </ul>  </div>  <div class="jslider_thumbs">  <div><a href="#" _fcksavedurl="#" title="Başlık Adı"><img src="http://1.bp.blogspot.com/-EV9QJIgCZVs/Uc2sZ302fAI/AAAAAAAAB5c/aw2ncIBTWPI/s85/sample1.jpg" _fcksavedurl="http://1.bp.blogspot.com/-EV9QJIgCZVs/Uc2sZ302fAI/AAAAAAAAB5c/aw2ncIBTWPI/s85/sample1.jpg" alt="" /></a>       <a href="#" _fcksavedurl="#" title="Başlık Adı2"><img src="http://4.bp.blogspot.com/-ScQ2WF7eUb4/Uc2saKrS2_I/AAAAAAAAB5g/QacTeCtKU-c/s85/sample2.jpg" _fcksavedurl="http://4.bp.blogspot.com/-ScQ2WF7eUb4/Uc2saKrS2_I/AAAAAAAAB5g/QacTeCtKU-c/s85/sample2.jpg" alt="" /></a>       <a href="#" _fcksavedurl="#" title="Başlık Adı3"><img src="http://1.bp.blogspot.com/-zQzvkfDsyzg/Uc2sbpceU3I/AAAAAAAAB5s/PN7wNSrydbM/s85/sample3.jpg" _fcksavedurl="http://1.bp.blogspot.com/-zQzvkfDsyzg/Uc2sbpceU3I/AAAAAAAAB5s/PN7wNSrydbM/s85/sample3.jpg" alt="" /></a>       <a href="#" _fcksavedurl="#" title="Başlık4"><img src="http://3.bp.blogspot.com/-R4gOTYCU9dQ/Uc2sbxFqTqI/AAAAAAAAB50/ESHZD7VlnXY/s85/sample4.jpg" _fcksavedurl="http://3.bp.blogspot.com/-R4gOTYCU9dQ/Uc2sbxFqTqI/AAAAAAAAB50/ESHZD7VlnXY/s85/sample4.jpg" alt="" /></a>       <a href="#" _fcksavedurl="#" title="Başlık5"><img src="http://1.bp.blogspot.com/-b5dbnH0-dMg/Uc2scRDvV4I/AAAAAAAAB54/4P9RYqtJdDM/s85/sample5.jpg" _fcksavedurl="http://1.bp.blogspot.com/-b5dbnH0-dMg/Uc2scRDvV4I/AAAAAAAAB54/4P9RYqtJdDM/s85/sample5.jpg" alt="" /></a>       <a href="#" _fcksavedurl="#" title="Başlık6"><img src="http://3.bp.blogspot.com/-L8rLW2XCv7I/Uc2sdkpcx8I/AAAAAAAAB6E/uRfT9gYb5rM/s85/sample6.jpg" _fcksavedurl="http://3.bp.blogspot.com/-L8rLW2XCv7I/Uc2sdkpcx8I/AAAAAAAAB6E/uRfT9gYb5rM/s85/sample6.jpg" alt="" /></a></div>  </div>  </div>  </div>  </div>  <script type="text/javascript" src="http://dimpost.googlecode.com/files/wow-slider.js"></script>

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol