PDA

View Full Version : page fading rotation in sequence not randomly



lucapuccetti
01-23-2005, 11:29 PM
Fading Scroller

http://www.pillole.org/public/aspnuke/fadedipagina.htm


I have used your very nice script for fading text banner and I have used it to show randomly ten different pages I have predefined in the array (instead of the text as in original version)

I need to modify the script to show in a sequence the pages defined in the array from the first to the last and then loop the cycle. Is it possible ? Can you help me to modify the script?

best regards

Luca Puccetti, MD, co-editor of www.pillole. org a not-for-profit organization for an independent medical, professional information.


<script language="JavaScript1.2">

/*
Fading Scroller- By DynamicDrive.com
For full source code, and usage terms, visit http://www.dynamicdrive.com
This notice MUST stay intact for use
*/

var delay=3000 //set delay between message change (in miliseconds)
var fcontent=new Array()
begintag='<font face="Verdana" size=1>' //set opening tag, such as font declarations
//fcontent[0]="<b>What\'s new?</b><br>New scripts added to the Scroller category!<br><br>The MoreZone has been updated. <a href='../morezone/index.htm'>Click here to visit</a>"
//fcontent[1]="Dynamic Drive has been featured on Jars as a top 5% resource, and About.com as a recommended DHTML destination."
fcontent[0]='<IFRAME src="http://www.pillole.org/public/aspnuke/provarray.asp?pillola=1" width="594" height="302" scrolling="no" frameborder="0"></IFRAME>'
fcontent[1]='<IFRAME src="http://www.pillole.org/public/aspnuke/provarray.asp?pillola=2" width="594" height="302" scrolling="no" frameborder="0"></IFRAME>'
fcontent[2]='<IFRAME src="http://www.pillole.org/public/aspnuke/provarray.asp?pillola=3" width="594" height="302" scrolling="no" frameborder="0"></IFRAME>'
fcontent[3]='<IFRAME src="http://www.pillole.org/public/aspnuke/provarray.asp?pillola=4" width="594" height="302" scrolling="no" frameborder="0"></IFRAME>'
fcontent[4]='<IFRAME src="http://www.pillole.org/public/aspnuke/provarray.asp?pillola=5" width="594" height="302" scrolling="no" frameborder="0"></IFRAME>'
fcontent[5]='<IFRAME src="http://www.pillole.org/public/aspnuke/provarray.asp?pillola=6" width="594" height="302" scrolling="no" frameborder="0"></IFRAME>'
fcontent[6]='<IFRAME src="http://www.pillole.org/public/aspnuke/provarray.asp?pillola=7" width="594" height="302" scrolling="no" frameborder="0"></IFRAME>'
fcontent[7]='<IFRAME src="http://www.pillole.org/public/aspnuke/provarray.asp?pillola=8" width="594" height="302" scrolling="no" frameborder="0"></IFRAME>'
fcontent[8]='<IFRAME src="http://www.pillole.org/public/aspnuke/provarray.asp?pillola=9" width="594" height="302" scrolling="no" frameborder="0"></IFRAME>'
fcontent[9]='<IFRAME src="http://www.pillole.org/public/aspnuke/provarray.asp?pillola=10" width="594" height="302" scrolling="no" frameborder="0"></IFRAME>'
closetag='</font>'

var fwidth='594px' //set scroller width
var fheight='302px' //set scroller height

var fadescheme=0 //set 0 to fade text color from (white to black), 1 for (black to white)
var fadelinks=1 //should links inside scroller content also fade like text? 0 for no, 1 for yes.

///No need to edit below this line/////////////////

var hex=(fadescheme==0)? 255 : 0
var startcolor=(fadescheme==0)? "rgb(255,255,255)" : "rgb(0,0,0)"
var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(255,255,255)"

var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0

if (DOM2)
faderdelay=2000

//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color=startcolor
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
linksobj=document.getElementById("fscroller").getElementsByTagName("A")
if (fadelinks)
linkcolorchange(linksobj)
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub.document.close()
}

index++
setTimeout("changecontent()",delay+faderdelay)
}

// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com

frame=20;

function linkcolorchange(obj){
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color="rgb("+hex+","+hex+","+hex+")"
}
}

function colorfade() {
// 20 frames fading process
if(frame>0) {
hex=(fadescheme==0)? hex-12 : hex+12 // increase or decrease color value depd on fadescheme
document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")"; // Set color value.
if (fadelinks)
linkcolorchange(linksobj)
frame--;
setTimeout("colorfade()",20);
}

else{
document.getElementById("fscroller").style.color=endcolor;
frame=20;
hex=(fadescheme==0)? 255 : 0
}
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')

window.onload=changecontent


</script>