By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
445,857 Members | 1,768 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 445,857 IT Pros & Developers. It's quick & easy.

need help: Noobie

P: n/a
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[i]].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,

--
joe
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Could you post your total file?

"mcc" <ea**@nospam.net> schreef in bericht
news:7HHJb.2735$zf.2484@okepread05...
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[i]].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,

--
joe

Jul 20 '05 #2

P: n/a
On Sun, 4 Jan 2004 12:36:54 +0100, Ang Talunin
<pl************@no-reply.com> wrote:
Could you post your total file?


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

--
Michael Winter
M.******@blueyonder.co.invalid (replace ".invalid" with ".uk" to reply)
Jul 20 '05 #3

P: n/a
mcc

Could you post your total file?

i reposted up top...i made a simple web page. Should be easy for scripters
to ts.
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.