[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