Could you add another slide to the homepage slideshow so that I can take a look at the cropped slide?
I’ve added 2 slides, now you can take a look.
Josh, i think i’ve resolved it.
The width and height was setting a number in the settings panel, now i have changed it to get automatic width and height.
The slideshow is working fine again. Thank you!
This might be due to the custom styling of the slideshow, but there is a JavaScript error and I would resolve that first to rule it out.
If you check in the console of your web inspector you will see this error:
Uncaught TypeError: jQuery(…).placeholder is not a function (responsive-plugins.js?ver=1.2.3:6)
I see that there is an internal style in each slide that looks to be the same:
<style>.meteor-slides ul.meteor-nav, .meteor-slides.navhover ul.meteor-nav {display:none;}</style>
If that is the case I would move this outside of the slides so that it only loads once for that slideshow. You could also make the nav or nav styling conditional for this homepage slideshow.
Could you set the Slide Duration to 0 so that the slideshow doesn’t auto advance? That would make it simpler for me to debug.
Awesome, glad to hear you got it figured out!
Josh, i am sorry but now i have other problem.
I am trying to upload a new slide but the featured slide is getting a thumbnail from the image and not the full image.
What could i do?
Do you have an example of a slideshow that is loading this slide with the wrong sized image?
http://saad-studio.com/a-saad-branding-design/
You can see it at the top, the original image has 1900x1200px, but when i set as featured image it gets small. I’ve already set a bigger size of featured images in wordpress and also used regenerate thumbnails, but still show me a small thumbnail when i post it.
I think this is a styling conflict, if you go below 980px in width, the slide image is larger.
Oh, I see what’s going on. This is an issue with the new srcset sizes in WorsPress. By default anything larger than 1600px wide gets cropped down and the sizes it displays are unreliable.
Meteor Slides is built to support larger sized images and makes them work correctly with the srcset, but it needs the slide height and width from the slideshow settings to work.
In general Meteor Slides needs these slide dimensions to work correctly and they should not be blank or percentages, only fixed pixel values. These are the max slideshow size, it will be scaled down responsively for smaller views.
i’ve set earlier a fixed pixel to test it, but it keeps returning the same small sized image. And if i set fixed pixel, the slideshow in the homepage returns the first bug reported.
Did you have the height and width set when you uploaded the slide images or regenerated the thumbs? The plugin really needs these values set to work properly, but you should be able to adjust the styles of your custom slideshow to get it to work with the default slideshow setup.
I had the height and width set. And the custom slideshow is working properly in another links because i was getting the right sized images inside wordpress.
You can see 2 working examples here:
http://saad-studio.com/cases-branding-design/sementes-ipiranga-folder-site-estrategia/
I have made a screenshot. As you can see the featured image is getting this small size (even if the image is in full size at the library).
http://saad-studio.com/wp-content/themes/img-size-slide.jpg
This is a example of a image that is working (uploaded before updates).
http://saad-studio.com/wp-content/themes/img-size-slidec2.jpg
Hello Josh, couldn’t i reset the srcset sizes in WordPress for images larger than 1600px? Maybe it doesn’t get cropped.
Ok Josh, i ‘ve found a temporarily good follow up
I have disabled srcset adding this in functions.php in the theme
function meks_disable_srcset( $sources ) {
return false;
}
add_filter( 'wp_calculate_image_srcset', 'meks_disable_srcset' );
Thank you for the help.
