Creating remote rollovers using GoLive

  You are currently not logged in. You can view the forums, but cannot post messages. Log In | Register

05-Jan-05 07:14
I am using golive cs and I am trying to create remote rollovers. I followed the adobe website guidelines. I created a table and posted a primary image on the first row. Then I divied the second row into 10 columns, so that I had a total of 11 cells. After this, I linked the cells in such a manner that when you roll over the thumbnails (second row) this image woud appear in the primary cell (first row) by using the mouse enter/exit user-triggered actions. It was not that complex and it worked fine in my Safari browser, but would not work in the explorer browser. I am still in the developmental stages of building so I do noit want to post the site and take down my old site, but the code is listed below. Does anyone have any suggestions?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>Portfolio Frame</title>
<csactions>
<csaction name="BE006AF616" class="Set Image URL" type="unbound" val0="" val1="Rollover%20Practice/KWP_On.jpg" urlparams="2"></csaction>
<csaction name="BE006D2717" class="Set Image URL" type="onevent" val0="" val1="Rollover%20Practice/KWP_On.jpg" urlparams="2"></csaction>
<csaction name="BE0080D218" class="Set Image URL" type="onevent" val0="" val1="Rollover%20Practice/KWP_On.jpg" urlparams="2"></csaction>
<csaction name="BE00818A19" class="Set Image URL" type="onevent" val0="" val1="Rollover%20Practice/Holly-Dress_On.jpg" urlparams="2"></csaction>
<csaction name="BE0081D920" class="Set Image URL" type="onevent" val0="" val1="Rollover%20Practice/KWP_On.jpg" urlparams="2"></csaction>
<csaction name="BE0085B321" class="Set Image URL" type="onevent" val0="" val1="Rollover%20Practice/KWP_On.jpg" urlparams="2"></csaction>
<csaction name="BE0085CB22" class="Set Image URL" type="onevent" val0="" val1="Rollover%20Practice/Holly-Dress_On.jpg" urlparams="2"></csaction>
</csactions>
<csscriptdict import>
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/*CMP*/ 'BE006AF616'] = new Array(CSSetImageURL,/*CMP*/ '',/*URL*/ 'Rollover%20Practice/KWP_On.jpg');
CSAct[/*CMP*/ 'BE006D2717'] = new Array(CSSetImageURL,/*CMP*/ '',/*URL*/ 'Rollover%20Practice/KWP_On.jpg');
CSAct[/*CMP*/ 'BE0080D218'] = new Array(CSSetImageURL,/*CMP*/ '',/*URL*/ 'Rollover%20Practice/KWP_On.jpg');
CSAct[/*CMP*/ 'BE00818A19'] = new Array(CSSetImageURL,/*CMP*/ '',/*URL*/ 'Rollover%20Practice/Holly-Dress_On.jpg');
CSAct[/*CMP*/ 'BE0081D920'] = new Array(CSSetImageURL,/*CMP*/ '',/*URL*/ 'Rollover%20Practice/KWP_On.jpg');
CSAct[/*CMP*/ 'BE0085B321'] = new Array(CSSetImageURL,/*CMP*/ '',/*URL*/ 'Rollover%20Practice/KWP_On.jpg');
CSAct[/*CMP*/ 'BE0085CB22'] = new Array(CSSetImageURL,/*CMP*/ '',/*URL*/ 'Rollover%20Practice/Holly-Dress_On.jpg');

// --></script>
</csactiondict>
</head>

<body bgcolor="#ffffff">
<table width="650" border="0" cellspacing="2" cellpadding="0" height="434">
<tr height="434">
<td colspan="10" width="686" height="434"><img src="Rollover%20Practice/Holly-Dress_On.jpg" alt="" usemap="#main1" border="0"><map onmouseover="CSAction(new Array(/*CMP*/'BE006D2717'));return true;" name="main1" csover="BE006D2717"></map><csobj h="19" t="ActionBox" w="36" name="BE006AF616">
<script type="text/javascript"><!--
CSAction(new Array(/*CMP*/ 'BE006AF616'));

// --></script>
</csobj></td>
</tr>
<tr height="72">
<td width="65" height="72"><a onmouseover="CSAction(new Array(/*CMP*/'BE0080D218'));return true;" onmousemove="CSAction(new Array(/*CMP*/'BE0081D920'));" onmouseout="CSAction(new Array(/*CMP*/'BE00818A19'));" href="#" csout="BE00818A19" csover="BE0080D218" csmmove="BE0081D920"><img src="Rollover%20Practice/Holly-Dress-Over.jpg" alt="" height="72" width="65" border="0"></a></td>
<td width="65" height="72"><a onmouseover="CSAction(new Array(/*CMP*/'BE0085B321'));return true;" onmouseout="CSAction(new Array(/*CMP*/'BE0085CB22'));" href="#" csout="BE0085CB22" csover="BE0085B321"><img src="Rollover%20Practice/KWP_over.jpg" alt="" height="72" width="65" border="0"></a></td>
<td width="65" height="72"><img src="Rollover%20Practice/Holly-Dress-Over.jpg" alt="" height="72" width="65" border="0"></td>
<td width="65" height="72"><img src="Rollover%20Practice/KWP_over.jpg" alt="" height="72" width="65" border="0"></td>
<td width="65" height="72"><img src="Rollover%20Practice/Holly-Dress-Over.jpg" alt="" height="72" width="65" border="0"></td>
<td width="65" height="72"><img src="Rollover%20Practice/KWP_over.jpg" alt="" height="72" width="65" border="0"></td>
<td width="65" height="72"><img src="Rollover%20Practice/Holly-Dress-Over.jpg" alt="" height="72" width="65" border="0"></td>
<td width="65" height="72"><img src="Rollover%20Practice/KWP_over.jpg" alt="" height="72" width="65" border="0"></td>
<td width="65" height="72"><img src="Rollover%20Practice/Holly-Dress-Over.jpg" alt="" height="72" width="65" border="0"></td>
<td width="65" height="72"><img src="Rollover%20Practice/KWP_over.jpg" alt="" height="72" width="65" border="0"></td>
</tr>
</table>
<p></p>
</body>

THANKS IN ADVANCE.
06-Jan-05 15:42
Hi Steve,

I confess I've never used GoLive, so I'm not sure how it does things. Could you post this in a subdirectory of the site maybe eg www.stevessite.com/test/?

It would help to see it in action as it were!

Simon
ELATED : )

--
ELATED : )
http://www.elated.com

 
New posts
Old posts

Follow Elated