"SİTENİZİ EFEKTLERLE DONATIN
ZİYARETÇİLERİNİZİ BÜYÜLEYİN!"

Sitenizin herhangi bir sayfası için arka plan slayt gösterisi eklemek için aşağıdaki kodu sitenizin Head bölümüne girin:

<style type="text/css">
/*<![CDATA[*/

#slideshow, img.bg {
        min-height: 100%;
        min-width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index:-9999;

}

/*]]>*/
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js">
</script>

<script type="text/javascript" src="http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/userlayout/js/jquery-cycle-all.js">
</script>

<script type="text/javascript">
//<![CDATA[  
 var $j = jQuery.noConflict();
   $j(document).ready(function() {   
   $j('#slideshow').cycle({
             fx: 'fade',
             pager: '#smallnav',
             pause:   1,
             speed: 1200,
             timeout:  3500
          });                     
    });
//]]>
</script>

 

Ve aşağıdaki kodu dilediğiniz bir sayfaya bileşenler / HTML öğesi ile ekleyin.

 

<div id="slideshow">

<img src="RESIM BAĞLANTISI" class="bg"/>

<img src="RESIM BAĞLANTISI" class="bg"/>

<img src="RESIM BAĞLANTISI" class="bg"/>

<img src="RESIM BAĞLANTISI" class="bg"/>

</div>

 

Buradaki (kırmızı işaretli) alanlara resim bağlantılarını da eklediğinizde slayt gösteriniz hazır.

 

Quelle: www.fearlessflyer.com

Comments: 5
  • #5

    Hajymuhammet (Friday, 05 February 2021 13:07)

    fotoraf buyuk oldu neyin sekli oldugu bile anlasilamiyor

  • #4

    Ece (Saturday, 09 May 2020 14:33)

    Pek ümidim yoktu ama ilk denememde oldu hemen. Çok teşekkürler, iyi çalışmalar :)

  • #3

    olmadı (Thursday, 12 April 2018 08:40)

    olmadı

  • #2

    zafer (Saturday, 11 March 2017 15:33)

    teşekkürler dostum

  • #1

    Rıdvan (Tuesday, 29 March 2016 18:44)

    Kodu yazdığımda Slayt gösterisi olarak değil, yanyana resimler olarak görüntüleyebildim. Acaba nerede hata yapmış olabilirim? Yardım ederseniz sevinirim.