hulsman1986

This will cause an issue when you use a custom uploads constant but also use a virtual drive inside wp-contents/uploads. Which is a common setup on amazon servers hosting wordpress.

It will look up the filepath without the wp-content/uploads inside the file path. Which will fill up your error logs.

is it possible to create a hook for wr2x_get_pathinfo_from_image_src() ? That way i can change the value however i see fit.

Currently using retina.js within your plugin. Mainly because i am behind numerous caching solutions. So the html rewrite option won’t work ??

Example;
https://prntscr.com/3wn0qm
https://staging.mobileportal.spele.nl/spelletjes/jelly-collapse/

https://i.imgur.com/0kA4sbu.gif

Hi, thanks for replying! Still lovin’ you plugin and spreading the name towards my m8’s ??

I am sticking with the client side solution. The site is cached three times through memcache, varnish and cloudflare… I bet one of those might cause the rewrite to go bad? ??

Anyway, the issue with the double @2x was due to a lazy load script. it caused the retina.js plugin to be called again when loading new content ?? i sawk.

My dirty solution was to add the following script when loading new content:

//serve retina images. Works with the WP 2x retina plugin
$('#main-games .article-header img').each(function(){
      var imageSource = $(this).attr('src');
      if (imageSource.indexOf("@2x") >= 0) {
            //already is a retina image
      } else {
            //its not a retina image
             new RetinaImage(this);
      }
});

Have you added your meta values or its prefix to the Custom field exceptions?

I tried your new master branch, didn’t seem to work. However i tried it on a multisite installation.

Same issue here with being stuck at version 5.3, so i can’t wait for the next update ??

Has this issue been resolved?

I opted for the client side solution (for now) and moderated the retina.js in order to keep the images at 100% width and auto height.

$('#main-games img').each(function(){
        new RetinaImage(this);
});

Only issue that remains is that @2x is added to the image url when using this snippet, even though @2x is already added… So you get the correct images but also a load of 404’s in the console ??