Neler yeni
MEGAForum - Teknoloji Forumu

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı yada giriş yapmalısınız. Forum üye olmak tamamen ücretsizdir.

Dalgalanan resimlerle slide show

ByOnur58

MFC Üyesi
  • Üyelik Tarihi
    7 Ocak 2015
  • Mesajlar
    2,114
  • MFC Puanı
    10
Kod:
<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -



// // // // // // // // // // // // // // // // // // // // // // // 
// Buradan asagisi degisebilir
// // // // // // // // // // // // // // // // // // // // // // // 

// buraya dilediginiz kadar resimin URLsini koyabilirsiniz
var imgsname = new Array()
imgsname[0]="resim_1.jpg"
imgsname[1]="resim_2.jpg"
imgsname[2]="resim_3.jpg"

// resimlerin bagli oldugu linkler
var imgsurl = new Array()
imgsurl[0]="http://www.testleronline.com"
imgsurl[1]="http://www.ilkturk.org"
imgsurl[2]="http://www.superturks.org"

// Linklerin targetleri. istenen degerler: '_blank', '_self', '_top'
// '_parent' 
var linktarget="_blank"

// her resmin kac saniye duracagi
var pause=3

// resimlerin sol margine uzakligi
var posleft=5

// resimlerin üst margine uzakligi
var postop=5

// // // // // // // // // // // // // // // // // // // // // // // 
// degisiklikler sonu
// // // // // // // // // // // // // // // // // // // // // // // 

// do not edit the code below
var contentimage=""
var i_image=0
var i_stepwave=0
var i_maxstepwave=40
var imgpreload=new Array()
for (i=0;i<=imgsname.length-1;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=imgsname[i]
}
pause=pause*1000

function initiate() {
      contentimage="<a href='"+imgsurl[i_image]+"' target='"+linktarget+"'><img src='"+imgsname[i_image]+"' border='0'></a>"
    if (********.all) {
		waveimage.innerHTML=contentimage
		waveimage.style.posLeft=posleft
		waveimage.style.posTop=postop
		enlargewave()
    }
    if (********.layers) {
        ********.waveimage.left=posleft
		********.waveimage.top=postop
        changeimage()
    }
}

function enlargewave() {
    if (i_stepwave<=i_maxstepwave) {
	    waveimage.filters.wave.phase=i_stepwave
	    waveimage.filters.wave.strength=i_stepwave
        waveimage.filters.wave.lightstrength=i_stepwave
	    waveimage.filters.wave.freq=i_stepwave
        i_stepwave++
	    var timer=setTimeout("enlargewave()",50)
    }
    else {
        clearTimeout(timer)
        changeimage()
    }
}

function reducewave() {
    if (i_stepwave>0) {
	    waveimage.filters.wave.phase=i_stepwave
	    waveimage.filters.wave.strength=i_stepwave
	    waveimage.filters.wave.lightstrength=i_stepwave
	    waveimage.filters.wave.freq=i_stepwave
        i_stepwave--
	    var timer=setTimeout("reducewave()",50)
    }
    else {
        clearTimeout(timer)
        var timer=setTimeout("enlargewave()",pause)
    }
}

function changeimage() { 
    i_image++
    if (i_image>=imgsname.length) {i_image=0}
    contentimage="<a href='"+imgsurl[i_image]+"' target='"+linktarget+"'><img src='"+imgsname[i_image]+"' border='0'></a>"
 
    if (********.all) { 
        waveimage.innerHTML=contentimage
        reducewave()
    }
    
    if (********.layers) {
        ********.waveimage.********.write(contentimage)
        ********.waveimage.********.close()
        var timer=setTimeout("changeimage()",pause)
    }
    
}

if (********.all) {
	********.write('<DIV ID="waveimage" style="position:absolute; filter:wave();"> </DIV>')
}
if (********.layers) {
	********.write('<LAYER NAME="waveimage"></LAYER>')
	********.close()
}
window.onload=initiate

// - End of JavaScript - -->
</SCRIPT>
 
Üst Alt