SaryaCS
Hectopat
- Katılım
- 23 Haziran 2016
- Mesajlar
- 25
Daha fazla
- Cinsiyet
- Erkek
Merhaba.
Web sitenizin arka planına aşağıda vereceğim kodları head bölümüne yazarak slayt gösterisi yapabilirsiniz.
<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>
<div id="slideshow">
<img src="resim url" class="bg"/>
<img src="resim url" class="bg"/>
<img src="resim url" class="bg"/>
<img src="resim url" class="bg"/>
</div>
Burada 4 adet resim linki örneği verdim örnekleri çoğaltabilirsiniz.
Web sitenizin arka planına aşağıda vereceğim kodları head bölümüne yazarak slayt gösterisi yapabilirsiniz.
<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>
<div id="slideshow">
<img src="resim url" class="bg"/>
<img src="resim url" class="bg"/>
<img src="resim url" class="bg"/>
<img src="resim url" class="bg"/>
</div>
Burada 4 adet resim linki örneği verdim örnekleri çoğaltabilirsiniz.
Son düzenleyen: Moderatör:
