- This topic is empty.
May 30, 2013 at 9:58 pm #45263calebweeksMember
I fear that I am asking a question similar to the [Solved] How to make hovering over one div to trigger changes in another div?, but I didn’t quite get the solution in my situation.
I am working in WordPress and building an art gallery website.
My particular question of “Hovering over text and changing the image” comes into play when building the “Artists” Page: hover over their names and the image changes. An example of the idea for reference is the Peter Robertson Gallery. Our particular page is here (with no image changing at the moment): leiperscreekgallery.com/artists
A few key differences is that our design/theme is responsive and we are putting the “rotating” image area in the middle between two columns of artists (text) evenly divided on either side. It’s a 3 column layout: 1) text column/list on left side, 2) image in the middle, 3) text column list on right side.
I kind of wish there was a plugin that instead of using “thumbnails” to change the image, it could be text and the text could be styled on either side of the image. I’ve also attempted it with “tooltip” plugins like “Tipsy” but I need the text to be a link while showing an image on hover. I imagine CSS can make it happen.
I took a look at CodePen and want to offer it that way but I might just send the link in this case as I’m in the WordPress editor primarily: leiperscreekgallery.com/artists.
Thanks for any help and assistance – I am in need of it! Thanks guys for whatever you can offer.May 30, 2013 at 10:45 pm #137116AlenParticipant
how did you solve this in the end?
Am trying to do this myself and have spent hours getting nowhere…
DJanuary 8, 2015 at 8:29 am #192640Paulie_DMember
This is a very old thread and the original poster may not be around.
You would be better served by creating a new thread, demoing a reduced case of your code in Codepen.io and detailing your specific issue.
- The forum ‘CSS’ is closed to new topics and replies.