Thank you to all of your for your ideas, and I think everyone was on the
same page. Here is the final solution
Here is my footer, we set the display to none of the second to hide it
before the page loads.
<tr>
<td colspan="2">
<img src="images/carrier-bar_1.gif" id="footer-a" width="859"
height="59" alt="" border="0" usemap="#fa">
<img src="images/carrier-bar_2.gif" id="footer-b" width="859"
height="59" alt="" border="0" style="display:none;" usemap="#fb">
</td>
</tr>
<map name="fa">
<area alt="" coords="8,3,88,54" href="http://www.google.com";
target="_blank">
</map>
<map name="fb">
<area alt="" coords="7,4,89,54" href="http://www.yahoo.com";
target="_blank">
</map>
Finally we just set an interval that calls a function every 4 seconds and
toggles the visibility of the the footer images using prototype.
<script language="javascript">
function init() {
window.setInterval("changeFooter()", 4000);
}
function changeFooter() {
$("footer-a").toggle();
$("footer-b").toggle();
}
</script>
Dan Vega
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
ColdFusion MX7 and Flex 2
Build sales & marketing dashboard RIAâs for your business. Upgrade now
http://www.adobe.com/products/coldfusion/flex2?sdid=RVJT
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:281044
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
