I have a horizontal navigation bar which i designed. I am trying to have a rollover effect if the mouse is over the button. I tried DHTML and it is not working, it works in FrontPage preview. Does anyone has any idea how to do this? I found that there is a file called rollover.js in the root directory of the store. How to use it, if all all we can use it?
Help is greatly appreicated.

ebeadstore

ebeadstore,

Frontpage certainly is not the best for creating this code, as it will be difficult to implement all the right coding into your MC storefront. Javascript is your way to go for creating a simple 'Swap Image' command for your buttons. Rollover.js may help you out, take a look! Search the web for a 'swap image' code.

I use Macromedia Dreamweaver to create my rollovers and such. It creates a very clean code that I can copy and paste right into my Top Header in the admin panel.

One thing to make sure, you include all the necessary javascript into the MC windows, or your rollovers will not function.

Good luck and let us know if you are succesful!

------------------------------
MonsterGuru

Also if you plan use javascript in your menu, make sure you make a sitemap on your page so googlebot doesn't have any problems crawling your site.

Finally this did it.....

Modify IMG tag like this -
<img border="0" src="images/image1.gif" width="75" height="25" onMouseOver="this.src='images/image2.gif'" onMouseOut="this.src='images/image1.gif'">

Works Great....

I have learnt lot of things from this Forum, wanted to share this with everybody.

I was wondering if there would be any use for a forum that we can share information like above. HTML code or anything else related to custome designing of your website.

It might just work!

I have emailed rick asking him to add this to the forum...