أكواد مؤثرات النصوص:عرض متغيير لعدة صور

عرض متغيير لعدة صور

هناك خطوتان لعمل هذا
انسخ الكود التالي في
<head>
مع إتباع التعليمات الموجودة داخل الكود
-------------------------
<SCRIPT LANGUAGE="JavaScript">

// عنوان الصور تحت يمكنك اضفة إي عدد من الصور
var imgsname = new Array()
imgsname[0]="samplepicA.jpg"
imgsname[1]="samplepicB.jpg"
imgsname[2]="samplepicC.jpg"

// عنوان رابط الصورة
var imgsurl = new Array()
imgsurl[0]="http://www.yahoo.com"
imgsurl[1]="http://www.altavista.com"
imgsurl[2]="http://www.excite.com"

// the target of your links. Accepted values: '_blank', '_self', '_top'
// '_parent' or the name of your window
var linktarget="_blank"

// standstill of each image(seconds)
var pause=3

// مكان الصورةالأفقي (محددمن الطرف الأيسر للمتصفح)
var posleft=5

// مكان الصورة الرئسي (محدد من اعلي المتصفح)
var postop=5

// لاتخلبص تحت هذا الكود ياعسل
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 (document.all) {
waveimage.innerHTML=contentimage
waveimage.style.posLeft=posleft
waveimage.style.posTop=postop
enlargewave()
}
if (document.layers) {
document.waveimage.left=posleft
document.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 (document.all) {
waveimage.innerHTML=contentimage
reducewave()
}

if (document.layers) {
document.waveimage.document.write(contentimage)
document.waveimage.document.close()
var timer=setTimeout("changeimage()",pause)
}

}

</SCRIPT>
-------------------------
أنسخ الكود التالي في
<body>
-------------------------
<DIV ID="waveimage" style="position:absolute; filter:wave();"> </DIV>