Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 28, 2014 at 5:08 am #230431
    smonfils

    Hello,

    I am building an ajax portfolio and having a rather strange issue.

    One of my project images is automatically being replaced by one of the resized images generated by WordPress.

    So instead of showing the original image:
    “mysite.com/imagename.jpg”

    I’m getting one of the resized images in its place:
    “mysite.com/imagename-642×1030.jpg”

    I’d like to show the original image, and not the resized image. Your advice on a fix is much appreciated.

    Thanks,
    Steve

    February 28, 2014 at 8:06 am #230476
    Ismael

    Hi smonfils!

    What is the option you’re using for “Display Preview Images” on the portfolio item? You can find the thumbnail sizes on functions.php:

    $avia_config['imgSize']['gallery'] 		 		= array('width'=>710, 'height'=>575 );						// images for portfolio entries (2,3 column)

    You can change the width and height then regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

    Regards,
    Ismael

    February 28, 2014 at 8:30 am #230488
    smonfils

    Hi Ismael,

    Thanks for the speedy reply! The current option I’m using is “Image List”.

    I located the line within functions.php, but I’m not exactly sure what to do with it. I tried removing the line entirely, as well as inserting new size values–neither of which solved the issue. I also installed the Regenerate Thumbnails Plugin, which had no effect.

    Here is an example of what I’m experiencing:

    I added the following image to the Preview Images Gallery:
    http://stevemonfilscreative.com/wp-content/uploads/2014/02/infographic-design-data-rich-insight-poor.jpg

    When I inspected the HTML output, it replaced that image with this much smaller version:
    http://stevemonfilscreative.com/wp-content/uploads/2014/02/infographic-design-data-rich-insight-poor-266×1030.jpg

    It appears as though any image with an original size above 1030px (in height) is being automatically replaced with these smaller images. I tried forcing the width of the image to 100% width of its container, but that’s not a very good solution, since it just enlarges the small version, making it pixelated.

    I’d like for the images to simply occupy 100% of the width of their container (using the original image version), if that makes sense. Whatever I can do to fix this would be great. Your help is much appreciated.

    Thanks,
    Steve

    February 28, 2014 at 11:10 pm #230811
    smonfils

    Hi Ismael,

    I checked out my Media Settings and discovered the issue.

    I had a max-height of 1030px for image uploads. I set that to a whopping 5000px (to be safe), and now everything looks brilliant.

    Sometimes the simplest fixes are the hardest to find. Anyway, thanks for the advice!

    Steve

    March 1, 2014 at 2:05 am #230927
    Ismael

    Hey!

    Glad you figured it out. :)

    Regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Ajax Portfolio automatically using a resized image’ is closed to new replies.