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″) ”

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

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…

hi,

images have different height in my slider, so i want the slider height to adjust to the current image height.

i tried to use the example and my full shortcode looks like that:

[jj-ngg-jquery-slider html_id=”about-slider” gallery=”15″ width=”300″ height=”420″?afterChange=”function() { var c = jQuery(‘#<about-slider> a.nivo-imageLink:visible img, div#<about-slider> img.nivo_image:visible’);jQuery(‘#<about-slider>’).height(c.height()); }” effect=”fade” directionnav=”false” controlnavthumbs=”nextgen_thumbs” thumbscontainerheight=”60″ thumbsgap=”5″ thumbswidth=”50″ thumbsheight=”50″ pauseonhover=”true” keyboardnav=”true” manualadvance=”true”]

but it does not work. what could be wrong? (removing height=”420″ does not work)

thnx,
geri

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