Rowby Goren
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*/'i mg1',/*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!
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
<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
</tr>
</table>
</div>
THANKS!
I'm confused, are they both your sites?
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
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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!
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!
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('lay er4')">
Here is the link to the current TEST page:
http://www.rowby.com/cards/
Thanks
<div style="position: absolute; width: 161px; height: 171px; cursor: hand; z-index: 1; left: 36px; top: 303px" id="layer2" onclick="FP_goToURL(/*href
Here is the link to the current TEST page:
http://www.rowby.com/cards/
Thanks
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.
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.
Sorry rowby I was away for two days. I read your question for the code just now.
ASKER
No problem. You can answerit in the new updated question.