need help: Noobie

M

mcc

When i put these two java scripts in the same html file only the fade script
works.

Why is that???





this part is in the <head>



<!-Rollover Script à



<SCRIPT TYPE="text/javascript">

<!--



function newImage(arg) {

if (document.images) {

rslt = new Image();

rslt.src = arg;

return rslt;

}

}



function changeImages() {

if (document.images && (preloadFlag == true)) {

for (var i=0; i<changeImages.arguments.length; i+=2)
{

document[changeImages.arguments].src
= changeImages.arguments[i+1];

}

}

}



var preloadFlag = false;

function preloadImages() {

if (document.images) {

ebay_12_over = newImage("images/ebay_12-over.gif");

ebay_15_over = newImage("images/ebay_15-over.gif");

ebay_18_over = newImage("images/ebay_18-over.gif");

ebay_21_over = newImage("images/ebay_21-over.gif");

ebay_24_over = newImage("images/ebay_24-over.gif");

preloadFlag = true;

}

}



// -->

</SCRIPT>



<!-Rollover Script End à





this part is in the <body>




ONMOUSEOVER="changeImages('ebay_15', 'images/ebay_15-over.gif'); return
true;"


ONMOUSEOUT="changeImages('ebay_15', 'images/ebay_15.gif'); return true;">






this(fade images) is in the <body>



<!-- Fade Images -->

<script language="JavaScript1.2">



var slideshow_width='150px' //SET IMAGE WIDTH

var slideshow_height='100px' //SET IMAGE HEIGHT

var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)



var fadeimages=new Array()

//SET IMAGE PATHS. Extend or contract array as needed

fadeimages[0]="coin.jpg"

fadeimages[1]="jewl.jpg"

fadeimages[2]="gfx.jpg"

fadeimages[3]="fiddle.jpg"

fadeimages[4]="gold.jpg"

fadeimages[5]="cam.jpg"

fadeimages[4]="bbcards.jpg"





////NO need to edit beyond here/////////////



var preloadedimages=new Array()

for (p=0;p<fadeimages.length;p++){

preloadedimages[p]=new Image()

preloadedimages[p].src=fadeimages[p]

}



var ie4=document.all

var dom=document.getElementById



if (ie4||dom)

document.write('<div
style="position:relative;width:'+slideshow_width+';height:'+slideshow_height
+';overflow:hidden"><div id="canvas0"
style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height
+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div
id="canvas1"
style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height
+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')

else

document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')



var curpos=10

var degree=10

var curcanvas="canvas0"

var curimageindex=0

var nextimageindex=1





function fadepic(){

if (curpos<100){

curpos+=10

if (tempobj.filters)

tempobj.filters.alpha.opacity=curpos

else if (tempobj.style.MozOpacity)

tempobj.style.MozOpacity=curpos/100

}

else{

clearInterval(dropslide)

nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"

tempobj=ie4? eval("document.all."+nextcanvas) :
document.getElementById(nextcanvas)

tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'

nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0

setTimeout("rotateimage()",pause)

}

}



function rotateimage(){

if (ie4||dom){

resetit(curcanvas)

var crossobj=tempobj=ie4? eval("document.all."+curcanvas) :
document.getElementById(curcanvas)

crossobj.style.zIndex++

var temp='setInterval("fadepic()",50)'

dropslide=eval(temp)

curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"

}

else

document.images.defaultslide.src=fadeimages[curimageindex]

curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0

}



function resetit(what){

curpos=10

var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)

if (crossobj.filters)

crossobj.filters.alpha.opacity=curpos

else if (crossobj.style.MozOpacity)

crossobj.style.MozOpacity=curpos/100

}



function startit(){

var crossobj=ie4? eval("document.all."+curcanvas) :
document.getElementById(curcanvas)

crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'

rotateimage()

}



if (ie4||dom)

window.onload=startit

else

setInterval("rotateimage()",pause)



</script>

</TD>

<!-- Fade Images -->







thx,
 
A

Ang Talunin

Could you post your total file?

mcc said:
When i put these two java scripts in the same html file only the fade script
works.

Why is that???





this part is in the <head>



<!-Rollover Script à



<SCRIPT TYPE="text/javascript">

<!--



function newImage(arg) {

if (document.images) {

rslt = new Image();

rslt.src = arg;

return rslt;

}

}



function changeImages() {

if (document.images && (preloadFlag == true)) {

for (var i=0; i<changeImages.arguments.length; i+=2)
{
Click to expand...
document[changeImages.arguments].src
= changeImages.arguments[i+1];

}

}

}



var preloadFlag = false;

function preloadImages() {

if (document.images) {

ebay_12_over = newImage("images/ebay_12-over.gif");

ebay_15_over = newImage("images/ebay_15-over.gif");

ebay_18_over = newImage("images/ebay_18-over.gif");

ebay_21_over = newImage("images/ebay_21-over.gif");

ebay_24_over = newImage("images/ebay_24-over.gif");

preloadFlag = true;

}

}



// -->

</SCRIPT>



<!-Rollover Script End à





this part is in the <body>




ONMOUSEOVER="changeImages('ebay_15', 'images/ebay_15-over.gif'); return
true;"


ONMOUSEOUT="changeImages('ebay_15', 'images/ebay_15.gif'); return true;">






this(fade images) is in the <body>



<!-- Fade Images -->

<script language="JavaScript1.2">



var slideshow_width='150px' //SET IMAGE WIDTH

var slideshow_height='100px' //SET IMAGE HEIGHT

var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)



var fadeimages=new Array()

//SET IMAGE PATHS. Extend or contract array as needed

fadeimages[0]="coin.jpg"

fadeimages[1]="jewl.jpg"

fadeimages[2]="gfx.jpg"

fadeimages[3]="fiddle.jpg"

fadeimages[4]="gold.jpg"

fadeimages[5]="cam.jpg"

fadeimages[4]="bbcards.jpg"





////NO need to edit beyond here/////////////



var preloadedimages=new Array()

for (p=0;p<fadeimages.length;p++){

preloadedimages[p]=new Image()

preloadedimages[p].src=fadeimages[p]

}



var ie4=document.all

var dom=document.getElementById



if (ie4||dom)

document.write('<div
style="position:relative;width:'+slideshow_width+';height:'+slideshow_height
+';overflow:hidden"><div id="canvas0"
style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height
+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div
id="canvas1"
Click to expand...
style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height
+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')

else

document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')



var curpos=10

var degree=10

var curcanvas="canvas0"

var curimageindex=0

var nextimageindex=1





function fadepic(){

if (curpos<100){

curpos+=10

if (tempobj.filters)

tempobj.filters.alpha.opacity=curpos

else if (tempobj.style.MozOpacity)

tempobj.style.MozOpacity=curpos/100

}

else{

clearInterval(dropslide)

nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"

tempobj=ie4? eval("document.all."+nextcanvas) :
document.getElementById(nextcanvas)

tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'

nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0

setTimeout("rotateimage()",pause)

}

}



function rotateimage(){

if (ie4||dom){

resetit(curcanvas)

var crossobj=tempobj=ie4? eval("document.all."+curcanvas) :
document.getElementById(curcanvas)

crossobj.style.zIndex++

var temp='setInterval("fadepic()",50)'

dropslide=eval(temp)

curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"

}

else

document.images.defaultslide.src=fadeimages[curimageindex]

curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0

}



function resetit(what){

curpos=10

var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)

if (crossobj.filters)

crossobj.filters.alpha.opacity=curpos

else if (crossobj.style.MozOpacity)

crossobj.style.MozOpacity=curpos/100

}



function startit(){

var crossobj=ie4? eval("document.all."+curcanvas) :
document.getElementById(curcanvas)

crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'

rotateimage()

}



if (ie4||dom)

window.onload=startit

else

setInterval("rotateimage()",pause)



</script>

</TD>

<!-- Fade Images -->







thx,
Click to expand...
 
M

Michael Winter

Could you post your total file?
Click to expand...

Could you please,

1) Not top-post
2) Trim your quotes

To the OP: Instead of posting the file, can you point to an on-line,
hosted copy of you page that features the scripts.

Mike
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Please help me with this script. 3
Please help with blending image script 1
Please Help? 0
I Need Help with making a function that draws in a canvas using location data. 1
Mouseover Code - Hits Server Every Event 5
Need Help, Both submit button works same, i need both submit button works differently, the one button override other button 3
Slideshow not working properly 2
Need help with stripe payment 0

Members online

Total: 25 (members: 2, guests: 23)
Robots: 258

Forum statistics

Threads
473,769
Messages
2,569,580
Members
45,053
Latest member
BrodieSola

Latest Threads

Top