Avoid use of smaller version of image in carousel

  • Hello!

    I’m using the carousel shortcode

    [su_carousel source="posts: 1628, 1281, 1285, 1610" limit="9" link="post" target="blank" items="4" pages="yes" mousewheel="no" autoplay="15000" speed="800" responsive="yes"]

    All images on my posts are 1200 x 800 pixels.

    When I see the carousel, images look terribly pixelated. I tried modifying the responsive parameter, height and width, but the problem (as it appears to me) is that the carousel is obtaining the thumbnail version of the image, for example, for one of the images of the above carousel, this is the HTML in the DOM:

    <img src="[page_url]/wp-content/uploads/2015/01/image-for-post-150x100.jpg" alt="Image For Post">

    i.e. it’s taking the 150×100 version.

    How can I override to prevent this?

    Thanks in advance.

    https://www.ads-software.com/plugins/shortcodes-ultimate/

Viewing 5 replies - 1 through 5 (of 5 total)

  • I’m having the same issue as well. my photos are quite large, so i know its now a quality issue of the actual image. They just look so pixelated when using the carousel.

    Thread Starter nvhdab

    (@nvhdab)

    I tried looking at PHP files but nothing.

    Thread Starter nvhdab

    (@nvhdab)

    I tried disabling thumbnails when uploading media (Settings > Media > 0 on all values) and uploading them again.

    With images over 1920×1200 it works, but those images are excessively big.

    Still no clue on how to override and make the shortcut select the original sized image.

    there is now a solution to this?

    Seems that ‘responsive’ option is not working properly, instead, images are resized according to ‘height’ and ‘width’ fields (if they are empty, thumbnails values are taken).

    Just for who can’t wait a solution from plugin’s author, here is a messy and not to be proud solution, I added following code on wp-content/plugins/shortcodes-ultimate/inc/core/shortcodes.php:

    line 1097 (existing): $image = su_image_resize( $slide['image'], round( $atts['width'] / $atts['items'] ), $atts['height'] );
line 1098 (added): if ( $atts['responsive'] === 'yes' ) { $image['url'] = $slide['image']; }

    I think that the same bug is also present on ‘slider’ and ‘gallery’ shortcodes.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Avoid use of smaller version of image in carousel’ is closed to new replies.