WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
[resolved] Feature request: single image black and white hover (11 posts)

  1. Ranvens
    Member
    Posted 2 years ago #

    How difficult would it be to include a way to have the single images fade in and out of black and white on mouse over? I have seen a few different ways to implement, but not anything directly relating to ngg.

    http://wordpress.org/extend/plugins/nextgen-gallery/

  2. Ranvens
    Member
    Posted 2 years ago #

    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]

  3. Ranvens
    Member
    Posted 2 years ago #

    Marking as solved

  4. WebDi
    Member
    Posted 1 year ago #

    Can you post the URL of the site where you have this working so we can see a demo? Thanks

  5. Ranvens
    Member
    Posted 1 year ago #

    Did post them before, guessing it got deleted.

    Search for statik illusions photography

  6. WebDi
    Member
    Posted 1 year ago #

    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?

  7. Ranvens
    Member
    Posted 1 year ago #

    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

  8. Ranvens
    Member
    Posted 1 year ago #

    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.

  9. WebDi
    Member
    Posted 1 year ago #

    @Ranvens, Just got around to implementing this now and it works great! Thanks so much for sharing!

  10. Ranvens
    Member
    Posted 1 year ago #

    No worries, glad it worked.

  11. Ojibirish
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic