PDA

View Full Version : Calling navaldesign!



Danny Canada
05-06-2007, 12:36 AM
hey naval

Do know of a script or text I can add to my "products" page (in the code)that will allow me to add "alternate text" on a mouseover image since BV has no field that allows me to do this?

www.exportbc.com (http://www.exportbc.com) (remember to click on the red maple leaf in the header to get in)

Thanks

Danny

navaldesign
05-06-2007, 06:03 AM
If you add this alt text using a script, the images will NOT appear in your page (you need to add the code in a html box)

So, if you are ready to sacrifice the visual part (inside BV) i suggest adding ALT text to your rollovers from WITHIN BlueVoda.
Furthermore, this method will allow you to check your pages with the actual rollovers, then replace them with html boxes just before publishing the final version of the page (the one with the ALT text)

How to do it:

Create your rollover. After you have created it and it is ok, right click on it and select "HTML". The object html will appear and will look like this:

<script language="JavaScript" type="text/javascript">
<!--
RollOver1 = new Image();
RollOver1.src = "image1.jpg";
//-->
</script>
<img src="image2.jpg" id="RollOver1" width="100" height="68" alt="" border="0" onMouseOver="this.src='image1.jpg'" onMouseOut="this.src='image2.jpg'">

Ok, copy this code directly from the window.

Now, drag a html box in your page. Make it same size as your rollover.
Double click it and paste in the html box, the code you had coppied from the rolover.

Add the alt text manually, like this:

<script language="JavaScript" type="text/javascript">
<!--
RollOver1 = new Image();
RollOver1.src = "image1.jpg";
//-->
</script>
<img src="image2.jpg" id="RollOver1" alt="This is the alternate text" width="100" height="68" alt="" border="0" onMouseOver="this.src='image1.jpg'" onMouseOut="this.src='image2.jpg'">

Tip: once you have made your first html box rollover, do NOT cancel the original rollover. Preview the page, and if everything is ok, place the html rollover, BEHIND the original one. Go on and create the rest of the rollovers (so BV will assign the correct id to each one) and make, for each of them, the corresponding html box, placing always each html box BEHIND the original rollover.

When you have done everything, publish the page. This way, all the rollover images will be automatically uploaded. Now, delete the original rollovers, and save / publish the page again.

This procedure allowes you to keep visual control over the page while building, and also allowes for the automatic image uploading.

Danny Canada
05-06-2007, 05:55 PM
Thanks Naval for your time on this! i am working on it now to see how it looks with 4-5 of the images.

Danny