Search the archives!
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Javascript] Trying to get this code to work
- From: GaryHotko at gmail.com (GH)
- Subject: [Javascript] Trying to get this code to work
- Date: Sat Sep 25 13:08:26 2004
As I said, I got this from a code site... if you have a simplier version that would work, I would be interested in seeing it... On Sat, 25 Sep 2004 18:56:43 +0200, Troy III Ajnej <trojani2000@xxxxxxxxxxx> wrote: > I'm overwhelmed, this code is a fckn novel, are u sure you will put this > code in your page? > Can't this all be done in e few lines of code?!! > > >From: GH <GaryHotko@xxxxxxxxx> > >Reply-To: "[JavaScript List]" <javascript@xxxxxxxxxx> > >To: javascript@xxxxxxxxxx > >Subject: [Javascript] Trying to get this code to work > >Date: Sat, 25 Sep 2004 11:58:58 -0400 > > > > > >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> > >_______________________________________________ > >Javascript mailing list > >Javascript@xxxxxxxxxx > >https://lists.LaTech.edu/mailman/listinfo/javascript > > _________________________________________________________________ > Add photos to your e-mail with MSN 8. Get 2 months FREE*. > http://join.msn.com/?page=features/featuredemail > > _______________________________________________ > Javascript mailing list > Javascript@xxxxxxxxxx > https://lists.LaTech.edu/mailman/listinfo/javascript >
- References:
- [Javascript] Trying to get this code to work
- From: Troy III Ajnej
- [Javascript] Trying to get this code to work
- Prev by Date: [Javascript] Trying to get this code to work
- Next by Date: [Javascript] Trying to get this code to work
- Previous by thread: [Javascript] Trying to get this code to work
- Next by thread: [Javascript] Trying to get this code to work
- Index(es):