HTML - Rollovers

vonDrehle

vonDrehle

TPF Noob!
Joined
Jun 27, 2005
Messages
430
Reaction score
7
Location
North Carolina
Can others edit my Photos
Photos OK to edit
I am making a webpage for my eCommerce class. I just finished one of the rollovers and was wondering if I were to use several rollovers on the same page do I have to put in the entire code for each one or is there a short cut?

I haven't started my site yet, just working on design, but here are the codes for the roll over.

<!-- ImageReady Preload Script (Untitled-1) -->
<SCRIPT LANGUAGE="JavaScript">
<!--function newImage(arg) {if (document.images) {rslt = new Image();rslt.src = arg;returnrslt;}}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) {test_01_over = newImage("images/test_01-over.gif");preloadFlag = true;}}
// -->
</SCRIPT>
<!-- End Preload Script -->

<body bgcolor=white text=red link=white vlink=white onload="preloadImages();">

<!-- ImageReady Slices (Untitled-1) -->
<A HREF="#"ONMOUSEOVER="changeImages('test_01', 'images/test_01-over.gif'); return true;"ONMOUSEOUT="changeImages('test_01', 'images/test_01.gif'); return true;">
<IMG NAME="test_01" SRC="images/test_01.gif" WIDTH=63 HEIGHT=26 BORDER=0></A>
<!-- End ImageReady Slices -->

Thanks...


And the only software we are currently using for coding is Notepad, Wordpad, or any other generic program you might use. So no "help" if you will.
 
oh gosh you have a mess in your code :) I am afraid I can't help youw ith this one but I'd suggest cleaning your code and organizing it in a more "readable" one...:
--------------------------------------------

<!-- ImageReady Preload Script (Untitled-1) -->
<SCRIPT LANGUAGE="JavaScript">
<!--function newImage(arg)
{if (document.images)
{
rslt = new Image();
rslt.src = arg;returnrslt;
}
}
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) {test_01_over = newImage("images/test_01-over.gif");preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->

<body bgcolor=white text=red link=white vlink=white onload="preloadImages();">

<!-- ImageReady Slices (Untitled-1) -->
<A HREF="#"ONMOUSEOVER="changeImages('test_01', 'images/test_01-over.gif');
return true;
"ONMOUSEOUT="changeImages('test_01', 'images/test_01.gif');
return true;">
<IMG NAME="test_01" SRC="images/test_01.gif" WIDTH=63 HEIGHT=26 BORDER=0></A>
<!-- End ImageReady Slices -->

----------------------------------------------------------------
there's no help included but it is not so messy now... :p
 
mentos_007 said:
oh gosh you have a mess in your code :) I am afraid I can't help youw ith this one but I'd suggest cleaning your code and organizing it in a more "readable" one...:
--------------------------------------------

<!-- ImageReady Preload Script (Untitled-1) -->
<SCRIPT LANGUAGE="JavaScript">
<!--function newImage(arg)
{if (document.images)
{
rslt = new Image();
rslt.src = arg;returnrslt;
}
}
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) {test_01_over = newImage("images/test_01-over.gif");preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->

<body bgcolor=white text=red link=white vlink=white onload="preloadImages();">

<!-- ImageReady Slices (Untitled-1) -->
<A HREF="#"ONMOUSEOVER="changeImages('test_01', 'images/test_01-over.gif');
return true;
"ONMOUSEOUT="changeImages('test_01', 'images/test_01.gif');
return true;">
<IMG NAME="test_01" SRC="images/test_01.gif" WIDTH=63 HEIGHT=26 BORDER=0></A>
<!-- End ImageReady Slices -->

----------------------------------------------------------------
there's no help included but it is not so messy now... :p
Click to expand...




I didn't write it I just took it from image ready. ;)
Thanks


**And last night I worked a little more on it and I think I came out with something that should work.
 
You must log in or register to reply here.

Allergies

< Previous Thread

Custom TPF neckstraps anyone?

Next Thread >

Most reactions

New Topics

TPF Gallery Photos

1846-CRW_6347bw
Cat Portrait
116-Gettysburg
four
1846-CRW_6523bw
Kama
Japanese Maple
Sunset 2
4189-Owl-BabyEyes05-1015Owl3
[No title]
[No title]
6977-lilly1
Back
Top