Öncelikle;
var slideShowSpeed = 5000
var crossFadeDuration = 5000
var Pic = new Array()
Pic[0] = '\images/banner1.jpg'
Pic[1] = '\images/banner2.jpg'
Pic[2] = '\images/banner3.jpg'
Pic[3] = '\images/banner33.jpg'
Pic[4] = '\images/banner4.jpg'
Pic[5] = '\images/banner5.jpg'
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}Kodunu slideshow1.js olarak ana dizine kayıt ediyoruz. Burada ben resim yolunu kendi yaptığım siteye göre ayarlardım. Ben değişmesini istediğim resimler images klasörü altında banner1 - banner2 isimleri ile duruyor.Sizde nasıl ise siz öyle yapın.Daha sonra sitenizde resimlerin hareket etmesinini istediğiniz html sayfasını bi düzenleyici ile açın ve
<head> </head> arasına aşşağıdaki kodu ekleyin.
<script language="JavaScript" src="slideshow1.js" type="text/javascript"></script>Ve daha sonrada sizin normalde sabit olarak duran bannerin yanına gidin ve
name="SlideShow1" id="SlideShow"bu kodu ekleyin.
Aşşağıdaki resimlerde de anlatmak istediğimi görebilirsiniz.
Eğer yapamadığınız yada anlamadığınız bi şey olursa elimden geldiğince yardımcı olurum.
demo site: tarkan 5 Tarkan 4 yachting charter blue cruise turkey
veya Abalılar Fidan, Aşılı elma armut kayısı şeftali zeytin kivi naranciye fidan, Fidan Yetiştiriciliği abalılar fidan
PR: 
