asked on

Image does not swap with Layers - Behaviors

Hello all. I'm trying to get an image to swap with a mouse over. But I have a feeling it is not possible in this situation -- unless an EXPERT has a solution.

FIrst please look at this page: http://www.freecreditcardprocessing.com/maa/

If you hover over the image that says "Free internet software", you will see the image change .

I'm trying to do the same thing with this test recreation at: http://www.rowby.com/cards/

If you hover over the text box that says "Image does not swap" you will see that the image does not swap :)

The behaviour I gave the layer is onmouseover swapimages. I included the second image but it does not work. Probably, I assume, because the initial layer is text, not a graphic.

Is there a workaround? I already have a behaviour "onclick" gotourl present.

Here is a copy and paste of the relevant source code:

<div style="position: absolute; width: 161px; height: 171px; cursor: hand; z-index: 1; left: 34px; top: 293px" id="layer2" onclick="FP_goToURL(/*href*/'http://www.rowby.com')" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/004a.jpg')">
                                                                        <table border="2" cellspacing="0" style="border-collapse: collapse" width="103%" id="table127" height="137" cellpadding="2" bordercolor="#0534B3">
                                                                              <tr>
                                                                                    <td height="24" bgcolor="#0534B3">
                                                                                    <p align="center"><b>
                                                                                    <font face="Arial" color="#FFFFFF">
                                                                                    SOFTWARE</font></b></td>
                                                                              </tr>
                                                                              <tr>
                                                                                    <td valign="top" bgcolor="#FFFFFF">
                                                                                    <p align="center"><b>
                                                                                    <font size="6" face="Arial" color="#FF0000">
                                                                                    FREE<br>
                                                                                    </font>
                                                                                    <font face="Arial">
                                                                                    Experts Exchange<br>
                                                                                    Image Does not "swap"</font></b></td>
                                                                              </tr>
                                                                        </table>
                                                                        </div>

THANKS!

seanpowell

I'm confused, are they both your sites?

Rowby Goren

ASKER

HI

http://www.freecreditcardprocessing.com/maa/ is client site. I have been asked to make the page load faster. It is filled with graphics (among other things) which is making the page load very slowly.

I am making testing the change at http://www.rowby.com/cards/. Once the changes are made then the page will be moved to the client site.

So far I have replaced most of the graphics with text. All that remains is to recreate the image swap --if possible.

Rowby

ASKER CERTIFIED SOLUTION

hhammash

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Rowby Goren

ASKER

Hi hhmmash,

That sounds like it would do it.

Cna you give me the code to insert into the source -- I can't seem to find those particular behavours in FrontPage 2003's "Insert Behavious" menu.

Once you give it to me I can find tune the position etc.

Thanks!

Rowby Goren

ASKER

I tried this code, but it doesn't work: Any suggestions? If not from Hhammash, anyone else??? -- I will split points....

<div style="position: absolute; width: 161px; height: 171px; cursor: hand; z-index: 1; left: 36px; top: 303px" id="layer2" onclick="FP_goToURL(/*href*/'http://www.rowby.com')" onhover="FP_showLayer('layer4')">

Here is the link to the current TEST page:

http://www.rowby.com/cards/

Thanks

Rowby Goren

ASKER

Thanks for the overall answer, hammash.

I am posting a new question asking for refinement of the code. I can't find the behaviour etc in the built in Front Page behaviour menu, so I tried writing it myself, but it doesn't work right yet.

hhammash

Sorry rowby I was away for two days. I read your question for the code just now.

Rowby Goren

ASKER

No problem. You can answerit in the new updated question.