WordPress.org

Ready to get started?Download WordPress

Forums

WordPress NextGen GalleryView
thumbnail "crop to fill" distorted (3 posts)

  1. juliewiens
    Member
    Posted 2 years ago #

    On the filmstrip scaling option, I have the "crop to fill" option selected. It seems to work just fine for all the portrait images.

    However, it will distort a landscape image thumbnail, leaving some awkward transparent space.

    An example of the filmstrip can be seen here:

    http://www.bekahfranklin.com/

    Any solutions or suggestions?

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

  2. Cat
    Member
    Posted 1 year ago #

    I checked out your site. Your thumbnails look fine. How did you get your thumbnails fixed?

  3. juliewiens
    Member
    Posted 1 year ago #

    Well I came up with a solution but it didn't completely fix the problem. The problem was that something was offsetting the landscape thumbnails, they didn't fit the wrapper.

    Now I'm not very good with jquery, so my solution is probably not the best one. All I did was made sure the thumbnail would start aligned left inside the wrapper. So I just added 'left':0+'px', to the thumbnail section (I believe line 555) of the jquery file

    // Scale each filmstrip image if necessary and position it within the image wrapper
    			$('img',j_frames).each(function(i){
    				$(this).css({
    				'opacity':opts.frame_opacity,
    				'height':img_h[i%item_count]*frame_img_scale[i%item_count]+'px',
    				'width':img_w[i%item_count]*frame_img_scale[i%item_count]+'px',
    				'position':'relative',
    				'top':Math.min(0,(opts.frame_height-(frame_img_scale[i%item_count]*img_h[i%item_count]))/2)+'px',
    				'left':0+'px',

    So the thumbnails now fill the entire wrapper, but if you look closely at the thumbnails of the landscape oriented images you'll see they're still distorted. They fill the wrapper height but squish to fit into the width.

    I'm still open to suggestions to better fix the problem...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic