Sitenizdeki Banner'i Hareket Ettirin

teknoali · #1

Merhaba arkadaşlar , size şimdi yazacağım şeyler ile sitenizdeki banner olan resim sizin belirlediğiniz resimler olarak hareket edebilir.
Öncelikle;

PHP- Kodu:

  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.

PHP- Kodu:

  <script language="JavaScript" 

src="slideshow1.js" type="text/javascript"></script>

Ve daha sonrada sizin normalde sabit olarak duran bannerin yanına gidin ve

PHP- Kodu:

   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

dombalak · 2 01-04-2009, 15:57:15

teşekkürler gerçekten güzel bir uygulama

sanırım var slideShowSpeed = 5000 kısmında süreyi ayarlayabiliyoruz

PR: wait...

I: wait...

L: wait...

LD: wait...

I: wait...wait...

Rank: wait...

Traffic: wait...

Price: wait...

C: wait...
[IMG]chrome://seoquake/content/skin/close.gif[/IMG]

teknoali · 3 01-04-2009, 15:59:19

Alıntı:

dombalak Nickli Üyeden Alıntı

teşekkürler gerçekten güzel bir uygulama
sanırım var slideShowSpeed = 5000 kısmında süreyi ayarlayabiliyoruz

PR: wait...

I: wait...

L: wait...

LD: wait...

I: wait...wait...

Rank: wait...

Traffic: wait...

Price: wait...

C: wait...
[IMG]chrome://seoquake/content/skin/close.gif[/IMG]

Evet orası ile slayt süresi ayarlanıyor.

ByMaDaK · 4 04-04-2009, 12:21:40

Teşekkürlere Arşive ekledim

ilke80 · 5 08-04-2009, 23:23:52

Peki değişen resimlere ayrı ayrı link nasıl verilir?

teknoali · 6 09-04-2009, 13:16:43

Alıntı:

ilke80 Nickli Üyeden Alıntı

Peki değişen resimlere ayrı ayrı link nasıl verilir?

Bunu deniyorum , eğer çalışırsa size nasıl olacağını söylerim ama tahminimce resimlerin yolu belli olan yere gidilecek url de tanımlanmalı

g3z3g3n · 7 09-04-2009, 15:45:05

teşekkür ederim Güzel paylaşım.

milworm · 8 09-04-2009, 15:49:00

Eline sağlık kral paylaşım

~~EscapeLord~~ · 9 09-04-2009, 16:23:43

Teşekkürler..

**htmlkodlar** · 10 09-04-2009, 16:57:06

link verme olayı olsa süper olur

Article Tools
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder

Sitenizdeki Banner'i Hareket Ettirin

Comments