[Plugin: JJ NextGen JQuery Slider] different size of images (i read the faq)

  • hello,

    from the faq: If images are different sizes how can you stop previous image from showing in background? Try adding code below to afterChange callback substitute #test_slider for your html_id

    function() { jQuery(“#test_slider”).css(“background-image”, “none”); }

    1. could you tell me, where exactly to add that code (what file, etc.)(i’m not a programmer…)?

    2. also, what should i do to center the image vertically and to add some grey background (i need that when some images are smaller that the slider)?

    thanks in advance for answers! i’ll be looking forward to them.

    geri

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter gerizmones

    (@gerizmones)

    anybody, please … i’d really use some help…

    Thread Starter gerizmones

    (@gerizmones)

    now my full shortcode looks like that:

    [jj-ngg-jquery-slider html_id=”about-slider” gallery=”16″ width=”300″ height=”420″?afterChange=”function() { jQuery(“about-slider”).css(“background-image”, “none”); }” effect=”fade” directionnav=”false” controlnavthumbs=”nextgen_thumbs” thumbscontainerheight=”60″ thumbsgap=”5″ thumbswidth=”50″ thumbsheight=”50″ pauseonhover=”true” keyboardnav=”true” manualadvance=”true”]

    still does not work…

    Correct me if I’m wrong, but I think you’re missing the # before the about-slider in your short code for the afterChange.

    hmmm…doesn’t look like it works for me either.

    oh! i just figured it out. There are too many quotes.
    Yours should look something like this: afterChange="function() { jQuery('#about-slider').css('background-image', 'none'); }"

    It doesn’t render a perfect transition though. It’s a bit jumpy going from one slide to another when the image size is different. I had to mess around with the animSpeed to get it looking so-so.

    Thread Starter gerizmones

    (@gerizmones)

    hi,
    thanks, it really worked.
    and setting animSpeed=”1″ removed the lag, at least for me.

    Thread Starter gerizmones

    (@gerizmones)

    dear theresavs, do you know by any chance how to do the following:

    1. add the background (so it occupies the white space when the image is smaller than the box)

    tried replacing .css(‘background-image’, ‘none’) with .css(‘background-image’, ‘particular image url’), but it did not work.

    2. center images vertically (when the image box height > width, smaller images appear at the top of the image box and often are really far from thumbnails)

    there is a function to center images horizontally, but not vertically. from faq: ” Center: Centers content in container. Requires width to be set. (sc: center=”1″) ”

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: JJ NextGen JQuery Slider] different size of images (i read the faq)’ is closed to new replies.