Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Image RolloverImage Rollover
Previous
 
Next
New Post
4/10/2006 2:58 AM
 

Hi,

I'm creating a skin based on my business website www.intertag.com.au

I've been successful in setting out the layout and have everything working nicely except I do not know how to have an image change when the mouse hovers over it.

The menu to the right of my current site has code that swaps the image over. I'm using VWD and the same code works when I preview my skin. When I upload my skin and test it the images disappear when i place my mouse over them.

This is the code I'm using:

<a href="/DotNetNuke/Home/tabid/36/Default.aspx" onmouseout="document.images['about'].src='nav_about.gif';" onmouseover="document.images['about'].src='nav_about_on.gif';"><img id="about" height="68" src="nav_about.gif" width="180" /></a>

Thanks in advance.

 
New Post
4/10/2006 7:42 AM
 

Did you try adding the SkinPath directive?

<a href="/DotNetNuke/Home/tabid/36/Default.aspx" onmouseout="document.images['about'].src=<%= SkinPath %>'nav_about.gif';" onmouseover="document.images['about'].src=<%= SkinPath %>'nav_about_on.gif';"><img id="about" height="68" src=<%= SkinPath %>"nav_about.gif" width="180" /></a>

If this doesn't work, (and it may not with javascript, I'm not sure) I'd next try hard-coding the path from root/Default.ascx to the images... src="portals/0/skins/myskin/"nav_about.gif"

Good luck, and please come back here to document what you get working for others

 
New Post
4/11/2006 8:45 AM
 

The code works when I hard-code the image paths. can be seen at my test site http://intertag.s26.dotnetsql.com.s26.dotnetsql.com/ (soon to be www.intertag.com.au once I've finished)

See image menu on right hand side.

Thanks for your help, much appreciated.

Andrew

 

 
New Post
4/11/2006 9:46 AM
 

Andrew, that's a very cool look - but I've gotta say "testimonials" is spelled incorrectly (at least in US English!).

 

 
New Post
4/11/2006 9:54 AM
 

Thanks for the feedback guys. I'll have to fix that so noone gets 'sore nails'

I only learnt about DNN three weeks ago. I'm not even a programmer of any sort. DNN Creative at www.dnncreative.com plus these forums have been a huge help.

Cheers,

Andrew

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Image RolloverImage Rollover


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out