Sitenizin herhangi bir sayfası için arka plan slayt gösterisi eklemek için aşağıdaki kodu sitenizin Head tag bölümüne girin:
HTML & PHP Sayfası:
<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.
