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