Javascript Image Rollovers

I am having a little trouble with this code....i may just be doing it wrong...I wanna swap one image= smart with another= dumb along with assigning a url to it....can you email me the correct code to do so? Thanks

Endlessly I have wrestled with this one...here is my failed attempt:

<SCRIPT LANGUAGE="JavaScript">
<!-- hide from none JavaScript Browsers
Image1= new Image(340,319)
Image1.src = "http://www.darkforum.com/profile/images/inner2.jpeg"
Image2 = new Image(340,319)
Image2.src = "http://www.darkforum.com/profile/images/intro1.jpeg"

function Inner2() {
document.imageflipper.src = Image1.src; return true;
}

function Intro1() {
document.imageflipper.src = Image2.src; return true;
}

// - stop hiding -->

</SCRIPT>
<IMG NAME="imageflipper" SRC="http://www.darkforum.com/profile/images/intro1.jpeg" onMouseOver="Inner2()" onMouseOut="Intro1()">


Why doesn't this work..am I just dumb?

Okay but haw can we use this on a Submit Button Image?

i cant seem to make two rollovers on a page... i have multiple buttons on my frame.. and i want to make each one a seperate rollover... please email me telling me how.. and if youd like to see the page for yourself www.drivenyouthministries.com

Javascript Image Rollovers

Okay but haw can we use this on a Submit Button Image?

I have to create a rollover submit button where I call the following:void Button1_Click(Object src, EventArgs e ) and check some validation before doing server.transfer to next page. I do not want to use (ImageClickEventArgs e). How do I go around this. It is something complex.

This is what I have however I get a delegate error to the arguyments. Please send me an email if u can help me. Thank you.

Matt Cupryk
<input id="InputImage3" onmouseover="this.src='images/next_on.gif'" onmouseout="this.src='images/next.gif'" type="image" src="images/next.gif" runat="server" onclick="Button1_Click" width="60" height="26" />

i like to know more about it. pls send me an e-mail.thanks

Here is the what you need, just sustitute your values


<SCRIPT LANGUAGE="JavaScript">
<!-- hide from none JavaScript Browsers
Image1= new Image(138,42)
Image1.src = "../images/button_1_over.gif"
Image2 = new Image(138,42)
Image2.src = "../images/button_1.gif"

function button_1_over() {
document.imagefliper.src = Image1.src; return true;
}

function button_1() {
document.imagefliper.src = Image2.src; return true;
}

// - stop hiding -->
</SCRIPT>

<a href="Home.htm"><IMG NAME="imagefliper" SRC="../images/button_1.gif" onMouseOver="button_1_over()" onMouseOut="button_1()" border="0" ></a>


Hope you get it, CobraLeader

I hope i can explain this as to what i am trying to accomplish.

Is it possible to have the image:

When the mouse rollsover, switches the mainFrame to a specific web page and when the image is clicked, brings up a new page. When rolls out returns to default page.

Im trying to use photo thumbnails, when a user rolls over them in the bottom frame, update the mainFrame to a larger image, and when clicked opens up a new browser with a full resolution image.

Any and all help is appreciated! Thanks!

Hi,

i can do 1 rollover image but not 2. I even changed the name and all other things and it still doesn't work. Could anybody show me a example thx

[b]I've got it to work with just an image but how would you use this script with a submit button? Cobraleaders way wont work ab/c its a link. Please e-mail me with a response. Thanks. [/b]