Solved:
In your theme’s header.php add the following:
After the <head> tag add (if not already there)
<?php wp_enqueue_script(“jquery”); ?>
<?php wp_head();?>
</head>
At the end of the header.php file add, change the div tag (wpcol-one-third img) to the div tage that shows on your page.
Complete 🙂
[Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]
Can you post the URL of the site where you have this working so we can see a demo? Thanks
Did post them before, guessing it got deleted.
Search for statik illusions photography
I don’t see which page is using this affect. I see a gray border upon hover on some of the galleries.
As I read more carefully, it also looks like they deleted some of your code. It’s recommended use of “pastebin”. Would it be too much trouble to ask you to dig up your code and paste it again using this method?
Down the bottom of the home page, there should be an assortment of 20 or so images. If you hover over these images they should fade from black and white to colour.
Pastebin
http://pastebin.com/w3Ug6ZtV
Place the above code into your header.php obviously I have set it to do .ngg-gallery-thumbnail img tagged images however you can change that to singlepic or anything else for example.
Uses jquery, which means IE6, IE8 are out. I think IE9 still works.
@ranvens, Just got around to implementing this now and it works great! Thanks so much for sharing!
No worries, glad it worked.
I am gonna have to try this on my site later on, still got a few other bugs I am trying to work out lol.
