WordPress.org

Ready to get started?Download WordPress

Forums

WP jQuery Lightbox
[resolved] Next/Previous Button animations (7 posts)

  1. haizdesign
    Member
    Posted 1 year ago #

    Apologies if this has been asked before...
    How do you disable the animations on the next/previous buttons? The slide into place and I would rather they just appear when hovered over.

    http://wordpress.org/extend/plugins/wp-jquery-lightbox/

  2. ulfben
    Member
    Plugin Author

    Posted 1 year ago #

    You're misstaken. They don't slide or animate in any way. They just appear when hovered over.

  3. haizdesign
    Member
    Posted 1 year ago #

    Thanks ulfben,
    Turns out that a CSS transition on one of my links was cascading through to the #hoverNav a element.

  4. flamenco
    Member
    Posted 1 year ago #

    Ulf,
    Really nice work! It's great having 2 fields available for display, and possibly different styling for each.

    I found one little weird thing, and that was similar to the guy above... the link arrows would slide in when hovered, which seemed a bit weird.

    I am nothing if not persistent, so I finally tracked it down. This line of CSS3 fancy/tricky stuff was doing it:

    a, a:visited {
    	-moz-transition: all 0.1s ease-in-out;
    	-webkit-transition: all 0.1s ease-in-out;
    	transition: all 0.1s ease-in-out;
    }

    So I just made another block under that as follows:

    #hoverNav a, #hoverNav a:visited {
    	-moz-transition: none;
    	-webkit-transition: none;
    	transition: none;
    }

    This code is in the sample child theme of the latest release of the Genesis framework (1.9.1), so if someone is using your plugin with that, this will come up.

    Hope this helps you and others.
    Thanks!! Dave

  5. ulfben
    Member
    Plugin Author

    Posted 1 year ago #

    Thanks for taking the time to report!

  6. BULLSH.com
    Member
    Posted 1 year ago #

    Whereas I like the < prev and next > buttons to show, at some point they stopped showing. I don't know why (btw, I'm using WP Super Cache and Better WordPress Minify, if that matters) but I did find a fix for it.

    In the the wp-jquery-lightbox files:
    styles/lightbox.css
    and
    styles/lightbox.min.css

    I changed the path for every instance of:

    url('./images/FILENAME.EXT')

    To this:

    url('/wp-content/plugins/wp-jquery-lightbox/styles/images/FILENAME.EXT')

    In otherwords, I changed from a relative path to a fully qualified path.

    If you installed WP in a directory/folder and not in the root, then you'll need to add that in as well, such as: /folder/wp-content/...

    Hope this helps anyone who may have come across the same issue.

  7. ulfben
    Member
    Plugin Author

    Posted 1 year ago #

    Thank you. :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic