DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.

Looking for a DNN Module with Hover-to-Color Image Effect

 4 Replies
 1 Subscribed to this topic
 30 Subscribed to this forum
Sort:
Author
Messages
Growing Member
Posts: 80
Growing Member
New Poster
New Poster
Congrats on posting!

Hello everyone,

I’ve been exploring the DNNSharp Action Form module (found here: https://www.dnnsharp.com/...odules/action-form).

Is there a DNN module (or a similar approach) that allows images to change from grayscale to full color when you hover over them? Something like a "before/after" hover effect, but applied to static images as you move your mouse?

I’d love recommendations on modules, CSS snippets, or any creative solutions that achieve this elegantly in DNN.

Thanks in advance!

Veteran Member
Posts: 838
Veteran Member
3 Helpful Replier
Helpful Replier
Thanks for being such a helpful replier!
New Poster
New Poster
Congrats on posting!

I am a great fan of DNN Sharp / Plant an App but what you are looking for is CSS :-) 

If you check out https://codepen.io/codewithJahid/pen/JRPvBj you can see for yourself.

I would use OpenContent or 2SXC for this and create a content type with this styling.
Probably RocketCDS would also be able to do this but my experience is not there yet

Senior Member
Posts: 1322
Senior Member
3 Helpful Replier
Helpful Replier
Thanks for being such a helpful replier!
Lifesaver
Lifesaver
You're Life Saver!
New Poster
New Poster
Congrats on posting!
3 Engaged Reader
Engaged Reader
You are an engaged reader!

<code>  img:hover {<br />   filter: grayscale(100%);<br /> }</code>

Growing Member
Posts: 80
Growing Member
New Poster
New Poster
Congrats on posting!

Thanks a ton for sharing that CSS trick — super helpful and exactly what I needed. Really appreciate you taking the time to post it!

I’ve been a longtime DNN fan — been using it since version 1. I did wander off to the dark side (WordPress) for about a year, but now I’m back and working on my new site, azmanagedit.com (my old one is still on .net).

I’ll definitely look into the tools you mentioned. I hadn’t heard of DNN Sharp before — thanks for that. Just checked it out: DNN Sharp | #1 DNN Module Provider since 2009 — looks solid.

I also came across 2SXC yesterday and will be digging deeper into that too.

Growing Member
Posts: 80
Growing Member
New Poster
New Poster
Congrats on posting!

Thanks, Timo! Appreciate the quick and clean snippet — works perfectly. 🙌

These Forums are for the discussion of the open source CMS DNN platform and ecosystem.

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

  1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy
  2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
  3. 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.
  4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  5. No Flaming or Trolling.
  6. No Profanity, Racism, or Prejudice.
  7. Site Moderators have the final word on approving / removing a thread or post or comment.
  8. English language posting only, please.

Would you like to help us?

Awesome! Simply post in the forums using the link below and we'll get you started.

Get Involved