[Javascript] Trying to get this code to work
GH
GaryHotko at gmail.com
Sat Sep 25 10:58:58 CDT 2004
Greetings. I got this code for a Fade-In slide show from a depository
of code I have been trying to modify it so that I can have 2 instances
run at the same time on the same page with 2 diffrent sets of images.
What i did was append 'nyc_' infront of the variable and user defined
functions for the 1st instance.. and 'fed_' for the 2nd instance.
The second instance shows up. But the 1st instance does not... only a
blank space the equivalent to the the space it should use is there.
Please assit. if there is anything that anyone can suggest, I would be
greatful. I have the code for instance 1 listed at
http://phpaste.com/537 with line numbers.... thank you.
## 1st instance ##
<script language="JavaScript1.2">
/* To save space removed the credits */
var nyc_slideshow_width='180px' //SET IMAGE WIDTH
var nyc_slideshow_height='90px' //SET IMAGE HEIGHT
var nyc_pause=0300 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var nyc_fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
nyc_fadeimages[0]="images/threat_advisory/gmh/high-NYC_2v1.png"
nyc_fadeimages[1]="images/threat_advisory/gmh/high-NYC_1v1.png"
////NO need to edit beyond here/////////////
var nyc_preloadedimages=new Array()
for (p=0;p<nyc_fadeimages.length;p++){
nyc_preloadedimages[p]=new Image()
nyc_preloadedimages[p].src=nyc_fadeimages[p]
}
var nyc_ie4=document.all
var nyc_dom=document.getElementById
if (nyc_ie4||nyc_dom)
document.write('<div
style="position:relative;width:'+nyc_slideshow_width+';height:'+nyc_slideshow_height+';overflow:hidden"><div
id="nyc_canvas0"
style="position:absolute;width:'+nyc_slideshow_width+';height:'+nyc_slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div
id="nyc_canvas1"
style="position:absolute;width:'+nyc_slideshow_width+';height:'+nyc_slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="nyc_defaultslide" src="'+nyc_fadeimages[0]+'">')
var nyc_curpos=10
var nyc_degree=10
var nyc_curcanvas="nyc_canvas0"
var nyc_curimageindex=0
var nyc_nextimageindex=1
function nyc_fadepic(){
if (nyc_curpos<100){
nyc_curpos+=10
if (nyc_tempobj.filters)
nyc_tempobj.filters.alpha.opacity=nyc_curpos
else if (nyc_tempobj.style.MozOpacity)
nyc_tempobj.style.MozOpacity=nyc_curpos/100
}
else{
clearInterval(nyc_dropslide)
nyc_nextcanvas=(nyc_curcanvas=="nyc_canvas0")? "nyc_canvas0" : "nyc_canvas1"
nyc_tempobj=nyc_ie4? eval("document.all."+nyc_nextcanvas) :
document.getElementById(nyc_nextcanvas)
nyc_tempobj.innerHTML='<img src="'+nyc_fadeimages[nyc_nextimageindex]+'">'
nyc_nextimageindex=(nyc_nextimageindex<nyc_fadeimages.length-1)?
nyc_nextimageindex+1 : 0
setTimeout("nyc_rotateimage()",nyc_pause)
}
}
function nyc_rotateimage(){
if (nyc_ie4||nyc_dom){
nyc_resetit(nyc_curcanvas)
var nyc_crossobj=nyc_tempobj=nyc_ie4?
eval("document.all."+nyc_curcanvas) :
document.getElementById(nyc_curcanvas)
nyc_crossobj.style.zIndex++
var nyc_temp='setInterval("nyc_fadepic()",50)'
nyc_dropslide=eval(nyc_temp)
nyc_curcanvas=(nyc_curcanvas=="nyc_canvas0")? "nyc_canvas1" : "nyc_canvas0"
}
else
document.images.nyc_defaultslide.src=nyc_fadeimages[nyc_curimageindex]
nyc_curimageindex=(nyc_curimageindex<nyc_fadeimages.length-1)?
nyc_curimageindex+1 : 0
}
function nyc_resetit(nyc_what){
nyc_curpos=10
var nyc_crossobj=nyc_ie4? eval("document.all."+nyc_what) :
document.getElementById(nyc_what)
if (nyc_crossobj.filters)
nyc_crossobj.filters.alpha.opacity=nyc_curpos
else if (nyc_crossobj.style.MozOpacity)
nyc_crossobj.style.MozOpacity=nyc_curpos/100
}
function nyc_startit(){
var nyc_crossobj=nyc_ie4? eval("document.all."+nyc_curcanvas) :
document.getElementById(nyc_curcanvas)
nyc_crossobj.innerHTML='<img src="'+nyc_fadeimages[nyc_curimageindex]+'">'
nyc_rotateimage()
}
if (nyc_ie4||nyc_dom)
window.onload=nyc_startit
else
setInterval("nyc_rotateimage()",nyc_pause)
</script>
## SECOND INSTANCE ##
<script language="JavaScript1.2">
/* To save space removed the credits */
var fed_slideshow_width='180px' //SET IMAGE WIDTH
var fed_slideshow_height='90px' //SET IMAGE HEIGHT
var fed_pause=0300 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fed_fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fed_fadeimages[0]="images/threat_advisory/gmh/elevated-DHS_2v1.png"
fed_fadeimages[1]="images/threat_advisory/gmh/elevated-DHS_1v1.png" ////NO
need to edit beyond here/////////////
var fed_preloadedimages=new Array()
for (p=0;p<fed_fadeimages.length;p++){
fed_preloadedimages[p]=new Image()
fed_preloadedimages[p].src=fed_fadeimages[p]
}
var fed_ie4=document.all
var fed_dom=document.getElementById
if (fed_ie4||fed_dom)
document.write('<div
style="position:relative;width:'+fed_slideshow_width+';height:'+fed_slideshow_height+';overflow:hidden"><div
id="fed_canvas0"
style="position:absolute;width:'+fed_slideshow_width+';height:'+fed_slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div
id="fed_canvas1"
style="position:absolute;width:'+fed_slideshow_width+';height:'+fed_slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="fed_defaultslide" src="'+fed_fadeimages[0]+'">')
var fed_curpos=10
var fed_degree=10
var fed_curcanvas="fed_canvas0"
var fed_curimageindex=0
var fed_nextimageindex=1
function fed_fadepic(){
if (fed_curpos<100){
fed_curpos+=10
if (fed_tempobj.filters)
fed_tempobj.filters.alpha.opacity=fed_curpos
else if (fed_tempobj.style.MozOpacity)
fed_tempobj.style.MozOpacity=fed_curpos/100
}
else{
clearInterval(fed_dropslide)
fed_nextcanvas=(fed_curcanvas=="fed_canvas0")? "fed_canvas0" : "fed_canvas1"
fed_tempobj=fed_ie4? eval("document.all."+fed_nextcanvas) :
document.getElementById(fed_nextcanvas)
fed_tempobj.innerHTML='<img src="'+fed_fadeimages[fed_nextimageindex]+'">'
fed_nextimageindex=(fed_nextimageindex<fed_fadeimages.length-1)?
fed_nextimageindex+1 : 0
setTimeout("fed_rotateimage()",fed_pause)
}
}
function fed_rotateimage(){
if (fed_ie4||fed_dom){
fed_resetit(fed_curcanvas)
var fed_crossobj=fed_tempobj=fed_ie4?
eval("document.all."+fed_curcanvas) :
document.getElementById(fed_curcanvas)
fed_crossobj.style.zIndex++
var fed_temp='setInterval("fed_fadepic()",50)'
fed_dropslide=eval(fed_temp)
fed_curcanvas=(fed_curcanvas=="fed_canvas0")? "fed_canvas1" : "fed_canvas0"
}
else
document.images.fed_defaultslide.src=fed_fadeimages[fed_curimageindex]
fed_curimageindex=(fed_curimageindex<fed_fadeimages.length-1)?
fed_curimageindex+1 : 0
}
function fed_resetit(fed_what){
fed_curpos=10
var fed_crossobj=fed_ie4? eval("document.all."+fed_what) :
document.getElementById(fed_what)
if (fed_crossobj.filters)
fed_crossobj.filters.alpha.opacity=fed_curpos
else if (fed_crossobj.style.MozOpacity)
fed_crossobj.style.MozOpacity=fed_curpos/100
}
function fed_startit(){
var fed_crossobj=fed_ie4? eval("document.all."+fed_curcanvas) :
document.getElementById(fed_curcanvas)
fed_crossobj.innerHTML='<img src="'+fed_fadeimages[fed_curimageindex]+'">'
fed_rotateimage()
}
if (fed_ie4||fed_dom)
window.onload=fed_startit
else
setInterval("fed_rotateimage()",fed_pause)
</script>
More information about the Javascript
mailing list