Roll-over action and link from images
 

Hi - I am using a combination of the built-in WP Gallery and Nextgen for my images. On my home page I have a gallery of thumbnails which, when clicked, show up as full images in an attachment page. I would like these to instead be static images that act as links to my other pages. I would like each image thumb in this gallery to link to one of my other pages. Upon mouse-over / hover of those images I'd like the image thumb to turn grey (black with 30% transparency) and for the name of the page to show in the center of the thumb. Is this possible without adding a plugin?? Any tips would be gratefully received.

Thanks in advance,

Ally

I am using the most updated versions of both Atahualpa and WP.

Hi Ally, do you still want to do this. Answer is yes, you "can", my method might be different to others but I:


Remove the link from the image (we will add another link later), ie edit image details, remove URL link.

Create the other pages, get the URL address/link, edit the image again and replace with new link (so now its linked to a page, not to the original image).

You'll have to manually create the hover image. Make an identical copy of the image, make it greyscale (to get the grey effect), then make it RGB again, add the text and save it as the "imageON.jpg" or gif, png whatever.

Then use this snappy piece if code I use to create the mouseover for images.

Use your image names, your thumb size etc.