Image not loading when list=true
-
Hi,
If the list parameter in shortcode is set to true, the image doesn’t show up. Its because the image tag is:
<img data-src="......
instead of<img src="...
Also, if the plugin could not load the 3 owl carousel files (css and js) when list mode is enabled, that should avoid 3 extra requests.
-
Hello, the list mode is meant to not load the images, that was why it was left that way. As regards the 3 extra requests, these are added by wordpress for activated plugins by default. However, i’d look into the possibilities of preventing that π
Hey, I second this request to enable images in the list view. Just because it’s a stacked list of posts, instead of a carousel, doesn’t mean we hate images. π
Also, didja know that carousels lower click-throughs in most cases? Carousels/sliders look cool but a number of A/B tests have shown that most people don’t click through to anything that’s not showing on the first slide of the carousel, which means that a lot of content gets ignored.
Conversionxl.com calls carousels “conversion killers” — https://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad/
VWO, another testing firm, points to a a usability study by Neilson Norman group that confirmed that carousels annoy users and reduce visibility — https://vwo.com/blog/image-slider-alternatives/
And there’s this: http://shouldiuseacarousel.com/
Anyway, I think your plugin is awesome! Thanks for making it available. If you would enable images in the list view, that would be excellent of you.
Thanks,
JoeHaha.. I guess it’s time to do that. Watch for the next update. Thanks @redredweb @aman704
Thanks for considering it!
Images now show up in list view. Please check out the latest version π
@acekyd, you’re awesome — this improvement is great!
Completely optional — may I suggest that you change “width” to “max-width” in the default CSS, to make sure that smaller-width images have the correct dimensions by default?
(I can fix this in my own custom CSS, but this might help non-developers.)
Here’s the current problem — this is what smaller-width images look like with the current CSS:
https://www.dropbox.com/s/4etork6kt5c7msg/display_medium_posts-image-width-100-percent-issue.png?dl=0And here’s the fix — what smaller-width images look like with max-width:
https://www.dropbox.com/s/6kneda618ltlv0b/display_medium_posts-image-width-100-percent-issue-fixed-max-width.png?dl=0In other words, change this CSS:
#display-medium-owl-demo img { width: 100%;
to this:
#display-medium-owl-demo img { max-width: 100%;
…
Anyway, I’m all set for now. Just a suggestion that might help other people who use your plugin.
Thanks again for adding images — it make your plugin so helpful, and YOU ARE AWESOME for adding this feature.
-
This reply was modified 8 years ago by
Joe Westcott.
-
This reply was modified 8 years ago by
Joe Westcott. Reason: embedded image #1
-
This reply was modified 8 years ago by
Joe Westcott. Reason: fixed post after breaking it with an image that wasn't really an image... oops
Hey @acekyd, you’re awesome — this improvement is great!
Completely optional — may I suggest that you change “width” to “max-width” in the default CSS, to make sure that smaller-width images have the correct dimensions by default?
(I can fix this in my own custom CSS, but this might help non-developers.)
Here’s the current problem — this is what smaller-width images look like with the current CSS:
https://www.dropbox.com/s/4etork6kt5c7msg/display_medium_posts-image-width-100-percent-issue.png?dl=0And here’s the fix — what smaller-width images look like with max-width:
https://www.dropbox.com/s/6kneda618ltlv0b/display_medium_posts-image-width-100-percent-issue-fixed-max-width.png?dl=0In other words, change this CSS:
#display-medium-owl-demo img { width: 100%;
to this:
#display-medium-owl-demo img { max-width: 100%;
…
Anyway, I’m all set for now. Just a suggestion that might help other people who use your plugin.
Thanks again for adding images — it make your plugin so helpful, and YOU ARE AWESOME for adding this feature.
Thanks for the kind words @redredweb. I appreciate the series of awesome feedback π
-
This reply was modified 8 years ago by
- The topic ‘Image not loading when list=true’ is closed to new replies.