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!
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
<code> img:hover {<br /> filter: grayscale(100%);<br /> }</code>
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.
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:
Awesome! Simply post in the forums using the link below and we'll get you started.