Jump to content


Photo
- - - - -

Change image when hovering over box image

Box Image Hover

  • Please log in to reply
1 reply to this topic

#1 navigos

navigos

    Newbie

  • Members
  • 8 posts
  • LocationNew England
  • Framework Version:2.1
  • Country: Country Flag

Posted 16 April 2013 - 12:04 AM

I was reading this forum and I noticed that the same solution might apply to my customization with different syntax: 

Please Login or Register to see this Hidden Content

 

I want to have my boxes [section, part of the core framework] images (or media as you call it) change when you hover over them with another image. For example if the image is a simple b&w lightbulb then when you hover over it it would look like a yellow lightbulb (because there is an image of a yellow lightbulb saved on my website that I can call). So what I need is a class that calls this other image when the mouse hovers over the original image saved as. Also there is a field in the box set-up options that is called "Boxes Custom Class" so I am assuming I would simply place the code in that text box. Oh, and I need to make sure that the image hyperlink ("Box Link (Optional)" field) still works. 

 

Any ideas, inputs are greatly appreciated.

 

Thanks

 

 

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 April 2013 - 12:47 AM

Hi,

I do not believe you can use sprites (image hover changes) in Boxes because the image doesn't let you insert code, and it's very difficult to identify a specific box identifier.  However, there's an option.

 

Visit

Please Login or Register to see this Hidden Content

and wait a moment for that large page to load. Then click on Grid System. Use the grid in place of your boxes.

 

See

Please Login or Register to see this Hidden Content

  to learn more about Sprites.

 

Another option would be to use the WP Boxer plugin, which does uniquely identify each content block (like boxes).







Also tagged with one or more of these keywords: Box Image, Hover