Thumbnails distorting in firefox, fine in Safari & Chrome (untested in IE)

• 

  tomfullerproduction · Member · Sep 27, 2013 at 12:10 am

  • Copy link
  • Add topic to favorites

  Hi guys,

  I am having problems displaying images on my site, the thumbnails are always distorted whether in blog posts or the thumbnails for galleries displayed via NextGen (1.9). Interestingly the thumbnails displayed inside the Nextgen galleries are displayed fine…

  http://www.tomfullerproduction.com

  If you click on the discography and gallery pages you should see what I mean. Ignore the instagram feed photos, that is managed via another plugin.

  I imagine it must be due to the includes/thumb.php that accompanies my theme (picture this, although heavily modified), although I cannot find where/how and also I am pretty sure it worked the last time I checked on Firefox, although that was about 8 months ago!

  As stated above, it all displays fine in Safari and Chrome, and I haven’t tested in IE as I don’t own any windows machines. I have included the contents of thumb.php below, apologies if I haven’t pasted correctly, I am not familiar with the forum/code etiquette.

  Any insight would be much appreciated!

  Cheers,

  Tom.

  a blockquote
  
  function vt_resize( $attach_id = null, $img_url = null, $width, $height, $crop = false ) {
  
  	// this is an attachment, so we have the ID
  	if ( $attach_id ) {
  
  		$image_src = wp_get_attachment_image_src( $attach_id, 'full' );
  		$file_path = get_attached_file( $attach_id );
  
  	// this is not an attachment, let's use the image url
  	} else if ( $img_url ) {
  
  		$file_path = parse_url( $img_url );
  		$file_path = $_SERVER['DOCUMENT_ROOT'] . $file_path['path'];
  
  		//$file_path = ltrim( $file_path['path'], '/' );
  		//$file_path = rtrim( ABSPATH, '/' ).$file_path['path'];
  
  		$orig_size = getimagesize( $file_path );
  
  		$image_src[0] = $img_url;
  		$image_src[1] = $orig_size[0];
  		$image_src[2] = $orig_size[1];
  	}
  
  	$file_info = pathinfo( $file_path );
  	$extension = '.'. $file_info['extension'];
  
  	// the image path without the extension
  	$no_ext_path = $file_info['dirname'].'/'.$file_info['filename'];
  
  	$cropped_img_path = $no_ext_path.'-'.$width.'x'.$height.$extension;
  
  	// checking if the file size is larger than the target size
  	// if it is smaller or the same size, stop right here and return
  	if ( $image_src[1] > $width || $image_src[2] > $height ) {
  
  		// the file is larger, check if the resized version already exists (for $crop = true but will also work for $crop = false if the sizes match)
  		if ( file_exists( $cropped_img_path ) ) {
  
  			$cropped_img_url = str_replace( basename( $image_src[0] ), basename( $cropped_img_path ), $image_src[0] );
  
  			$vt_image = array (
  				'url' => $cropped_img_url,
  				'width' => $width,
  				'height' => $height
  			);
  
  			return $vt_image;
  		}
  
  		// $crop = false
  		if ( $crop == false ) {
  
  			// calculate the size proportionaly
  			$proportional_size = wp_constrain_dimensions( $image_src[1], $image_src[2], $width, $height );
  			$resized_img_path = $no_ext_path.'-'.$proportional_size[0].'x'.$proportional_size[1].$extension;			
  
  			// checking if the file already exists
  			if ( file_exists( $resized_img_path ) ) {
  
  				$resized_img_url = str_replace( basename( $image_src[0] ), basename( $resized_img_path ), $image_src[0] );
  
  				$vt_image = array (
  					'url' => $resized_img_url,
  					'width' => $proportional_size[0],
  					'height' => $proportional_size[1]
  				);
  
  				return $vt_image;
  			}
  		}
  
  		// no cache files - let's finally resize it
  		$new_img_path = image_resize( $file_path, $width, $height, $crop );
  		$new_img_size = getimagesize( $new_img_path );
  		$new_img = str_replace( basename( $image_src[0] ), basename( $new_img_path ), $image_src[0] );
  
  		// resized output
  		$vt_image = array (
  			'url' => $new_img,
  			'width' => $new_img_size[0],
  			'height' => $new_img_size[1]
  		);
  
  		return $vt_image;
  	}
  
  	// default output - without resizing
  	$vt_image = array (
  		'url' => $image_src[0],
  		'width' => $image_src[1],
  		'height' => $image_src[2]
  	);
  
  	return $vt_image;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  supportbot · Member · Sep 27, 2013 at 12:10 am

  • Copy link

  The blog you specified at http://www.tomfullerproduction.com does not appear to be hosted at WordPress.com.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.

• 

  tomfullerproduction · Member · Sep 27, 2013 at 12:11 am

  • Copy link

  Ah, my bad…