The plugin seems to have stopped working in 4.3.1 for me. When it is enabled, no images will display in posts.
Resulting HTML code of a page with plugin disabled looks like this:
<p><a href="https://my.site/wp-content/uploads/2015/10/IMG_3453.jpg"><img src="https://my.site/wp-content/uploads/2015/10/IMG_3453.jpg" alt=""></a></p>Resulting HTML code of the page with plugin enabled looks like this:
<p><a href="https://my.site/wp-content/uploads/2015/10/IMG_3453.jpg"><span data-picture data-alt="" ><span data-src="w300/wp-content/uploads/2015/10/IMG_3453.jpg" data-media="all"></span>
<noscript><img src="w300/wp-content/uploads/2015/10/IMG_3453.jpg" alt=""></noscript>It looks to me like the was not properly closed with any more which may cause the image not to be displayed.
Any ideas what I may need to do to fix this?
]]>responsive-image-polyfill.php:313
if(strpos($image->attributes['src'],site_url()) === false) return $image;
should be
if(strpos($image->attributes['src'],home_url()) === false) return $image;
and probably some other places too.
Example config: https://github.com/roots/bedrock/blob/master/.env.example
I have discovered that this plugin is stripping out all of the CSS classes that are usually applied to images inside the content area, including those that add a margin so that text does not butt up against the image. Having the text go all the way up to the images looks dreadful and is not acceptable to me. The alignright class is being applied to the span enclosing the images, but adding margins to that class would affect everything that uses it, not just images, so that is not a way that this can be rectified.
If this isn’t something that can be resolved, I’ll have to go looking for another plugin to make images responsive, which is too bad since this is the only one I’ve found so far that actually works and does it in a way that I like (i.e. not switching all full images to medium, medium images to thumbnails, etc.).
]]>Hi! Until two days ago my website was going perfect but yesterday I opened it from my phone and i can’t see the pictures because thay are too big. They didn’t resize automatically. What is appening? cAN SOMEBODY HELP ME PLEASE?
]]>Someone managed to make this plugin work in multisite?
On the main site multisite it works but in subsites the image is broken, this plugin is very good, but does algume managed to make it work in multisite?
Before:
https://www.tmlvoile.com/wp-content/uploads/2015/03/ffv.gif
After:
https://www.tmlvoile.com/slir/w300/wp-content/uploads/2015/03/ffv.gif
In WP Multisite subdirectory installation this plugin don’t run in new blogs creates in subdirectories.
Can any .htaccess rule resolve this problem?
This plugin be cool in WP Multisite!
Hello,
I noticed that the plugin has added some white space above images in my posts. I currently have the plugin deactivated and the white space is no longer showing.
I would love to continue using the plug in – is there anyway to remove the white space above the images?
Thank you.
]]>I am using Pantheon for hosting and web services are not allowed to write to the plugin directory. I modified the plugin by updating the slirconfig.class.php file to specify an image cache directory in the uploads folder, where webservices are allowed to write to.
public static $pathToCacheDir = "/wp-content/uploads/imgcache/";
To me, this seems like a more appropriate place for the image cache anyway. Perhaps in a future version, you might consider moving the cache to a folder in the uploads directory as I have done.
Thanks
]]>Great plug in, just have various bugs/problems I found out while using it:
1) All the images miss width and/or height attributes reducing google pagespeed score and probably marginally decreasing speed
Specify image dimensions
Specifying a width and height for all images allows for faster rendering by eliminating the need for unnecessary reflows and repaints.
2) This are my settings
https://i.imgur.com/GdFoeol.png
If i leave blank the query for the highest width this error happens for example in my page:
https://www.recreotesting.com/uncategorized/prueba-para-ver-como-se-ve-todo-con-fotos/
<span data-src=”https://www.recreotesting.com/slir/w320/wp-content/uploads/2014/12/imagen-009-730×486.jpg” data-media=”all”></span>
<span data-src=”https://www.recreotesting.com/slir/w400/wp-content/uploads/2014/12/imagen-009-730×486.jpg” data-media=”(min-width:321px)”></span>
<span data-src=”https://www.recreotesting.com/slir/w600/wp-content/uploads/2014/12/imagen-009-730×486.jpg” data-media=”(min-width:415px)”></span>
<span data-src=”https://www.recreotesting.com/slir//wp-content/uploads/2014/12/imagen-009-730×486.jpg” data-media=”(min-width:730px)”></span>
It should display the original image which is in the post, but the plug in adds /slir// to it, so the image doesn’t exist
3) If i set the SLIR Base URL to https://www.recreotesting.com my wordpress website will crash, do loops or whatever but it wont work again
]]>Hi!
thanks for a very helpful plugin, made my life after migrating a blogger blog to wordpress much easier :).
But, there’s a problem – the images are displayed fine, high res. But when I enter a caption, the image is blurred and pixelated. Also, images without caption are clickable, go to the image page. But images with a caption are not clickable.
I turned off all other image related plugins and no change. But turning off PB responsive images plugin made the image with caption look high res again.
What’s causing it? The blog in question: https://www.donnaiveh.com.
Thanks
Lukas
I installed the plugin and would like to configure the options but when I choose the plugin settings in admin menu, no settings are visible. The site is blank.
]]>I’m just curious about the cache and how long it is retained, and if there is a way to flush the cache and regenerate it through the plugin? The main reason I am wondering is how long the cache files are retained as I change the formats to test out my ideal settings.
I am also curious about the server load of the plugin as it creates the images.
I think your plugin is great so far. Thank you for doing all this work!
]]>I sat for a half-hour with tech support team from my hosting service, both of us convinced that it had to be corrupted database. My last ditch effort: Kill off all of the plugins. The image appeared. Re-Activate each plugin individually and this plugin was the culprit.
See Image Error Here
Originally, my home “page” was a post and I had an image slider on top of the image. Tech support initially blamed the slider. So, I stripped out all of the slider’s code – problem still there. Then, I changed; created a page and made it the landing “page” instead of a post. The problem was still there. Then, I changed the image file itself, and even uploaded a new “fresh” version of the original image – the problem was still there. I also upgraded my WP engine to the new 4.0 version – problem still there.
A re-dial to tech support and another twenty minutes and the guy gave up on me: “I don’t know what to tell ya – I’ve never seen that before.”
Hint: This is only on the main page (or post). Everything else is just fine. Other pages/posts display images just fine.
You’ll even notice – if the img does not exist – then it should simply display a broken image (the little generic blue broken…”thing”). This is displaying a corrupted pathname!
Kind of a head-scratcher – but that was the problem! Who woulda thunk?!
]]>Hi. I’m a food blogger, so I have a lot of photos on my blog. PageSpeed insights isn’t happy with me because I’m loading too-big images on mobile sites, so your plugin sounds perfect. My images are a huge draw of my site though, so it makes me nervous to do anything that will affect them. If things go horribly wrong for some reason when I install PB Responsive Images, will it all be undone when I deactivate the plugin? Should I be worry about any permanent changes to my photos?
Thanks!
Andi (wearychef.com)
]]>Greetings,
I am a blogger with very little programming experience. Love the plug-in. It is working well for the images posted in the body of my default twenty fourteen theme. For the life of me I can’t figure out what code to alter in (making an assumption it is the content-featured-post.php) file. Currently it is at the default
<a class="post-thumbnail" href="<?php the_permalink(); ?>">
<?php
// Output the featured image.
if ( has_post_thumbnail() ) :
if ( 'grid' == get_theme_mod( 'featured_content_layout' ) ) {
the_post_thumbnail();
} else {
the_post_thumbnail( 'twentyfourteen-full-width' );
}
endif;
?>
</a>website is https://www.thenomadicphotographer.com
Thanks in advance for any help you can offer!
]]>Hi,
Thanks for a great plugin.
I’m trying to get the url of the resized image (returned by RIP::get_picture($image,$formats);) as opposed to a whole image tag. Is this possible?
I’m trying to use the resized images as backgrounds on divs so need the source.
Any help would be greatly appreciated.
]]>Image dimensions are not being specified for the images and my pagespeed report says it would help a bit in speed if specified (i guess for all the sizes?)
]]>If lets say i have various media parameters, but the last one lets say is:
(min-width:900px) and for Query I leave it alone to display the default image(s) set for the post, it prompts in the post an error image message saying:
Image doesnt exist:
*/uploads/2014/06/example/jpg
but the thing is its wrong it should be displaying from
*/wp-content/uploads/2014/06/example/jpg
what Query should i use to display the default image set for that post then?
]]>Hello there.
All our thumbnail images disappear when we install your pluging.
And it breaks some of the theme layout like star rating.
How to solve this?
]]>The plugin works perfectly on the desktop. But on my phone and tablet, when I switch the orientation, the appropriate image is not updated. Reloading the page at that point fixes the problem until you switch orientation again.
Is this the normal behavior of the plugin, or am I configuring something incorrectly?
]]>I have updated to wordpress 3.9 and this plugin causes a blank visual editor. Nothing can be typed in, the menubar of the editor is also missing.
When the plugin is disabled, everything works fine.
Hi!
I’ve installed the plugin and the images (no videos) on my website https://www.madonnaunderground.com scale perfectly to any mobile device. The only thing is, that the right sidebar stays right, so my content frame becomes very small. Before using this plugin, the right sidebar was placed underneath the site content, which made the site better for mobile devices.
Is there a way to change the position of the right sidebar?
]]>I just installed “PB Responsive Images” and once activated all the post images disappeared. I’ve tried deactivating other plugins but still no luck. I thought I had a solid understanding of wordpress, but after reading the help tab I’m feeling pretty novice, so if you have any recommendation, details will be really appreciated. Thanks for this plugin and your help! It looks like just what I need!
The website is BackpackersUnion.com
]]>So I’ve been tinkering about trying to get this to work in my templates to display the Featured Image using your plugin. My code at the moment looks like this:
<?php if ( has_post_thumbnail() ) : // check if the post has a Post Thumbnail assigned to it.?>
<a>" title="<?php the_title_attribute( "echo=1" ); ?>" rel="bookmark" class="featured-image-link">
<?php include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); ?>
<?php if (is_plugin_active( 'pb-responsive-images' )){
RIP::reset_options();
RIP::get_picture(the_post_thumbnail());
} else {
the_post_thumbnail();
}?>
</a>
<?php endif; ?>It will generate an image, but it’s just the default image the same as what the_post_thumbnail() generates with none of the coolness your plugin adds.
How would I get this to work?
Thanks!
]]>A few minor code fixes that I put in to make it work with no errors that I thought I would share back here. They may not be an issue for everyone but I was getting errors.
in responsive-image-polyfill.php from line 357, change the if statement to check if $format->fallback exists rather than just looking for a truthy value to stop the undefined value error:
// Add the fallback, if requested
if($format->fallback)becomes:
// Add the fallback, if requested
if(isset($format->fallback))This one was odd though because it only happened on some installs – still, can’t hurt.
line 64 of config.php I got a deprecated function warning on
$value = mysql_escape_string($value);
so updated it to:
$value = mysql_real_escape_string($value);
Hello,
I see the plugin adds the class “aligncenter” to the span containing the image variations when it is center aligned in the wp-admin editor. As the span doesn’t have a defined width and is wrapped in an A tag i don’t believe it is possible to center align the image with CSS. Any ideas on how i can achieve this?
]]>Sorry if this is the wrong place for this, I don’t see where feature requests would go, neither could I find an email.
Since this plugin is super useful for theme developers, why not make it so that settings can be imported, or pre-set for a theme? Meaning, make it so I can hard code in the options in the settings > responsive images area in my theme. (I use a plugin auto installer on theme installation, TGMPA to be exact, and I might make my own.)
Maybe a warning that can be put up by theme developers to the user not to change things unless the user knows what they’re doing, and making the defaults button set it back to the theme’s pre-set settings?
It would be a great feature IMO, and it would be even more complete than it already is.
(Also, does this work locally, meaning would it work on localhost on my windows computer?)
https://www.ads-software.com/extend/plugins/pb-responsive-images/
]]>Since the images are being re-written, they don’t inherit the selectors or styles from the original image. Therefore, image have no margins and are too close to text, especially right and left aligned images. How can I fix that?
https://www.ads-software.com/extend/plugins/pb-responsive-images/
]]>Hello sir,
really amazing plugins thanks alot for it i really need to know about a plugin but i dont know the name of i please take a look
https://www.upwallpapers.net/wings-and-pearls/
or
https://wallpaperskd.com/wallpaper/lago-azul/
you will see the resolutions of every wallpaper can u tell me about this plugin thanks
https://www.ads-software.com/extend/plugins/pb-responsive-images/
]]>