Thread

Hi,

I am building a mobile website with a responsive layout to support mobile devices like smartphones and tablets. This is my first expression engine website and all is going well. But I’m no programmer so I need a little help.

My project would benefit from the following technique: https://github.com/filamentgroup/Responsive-Images/tree/cookie-driven#readme
This shows low res foreground images for smaller screens and large foreground images for larger screens.

There are two ways to use this technique and approach B would be OK. Approach B only requires a filename with a “.r” before the file extensions to initialize. Like so: “photo.r.jpg” Demo: http://filamentgroup.com/examples/responsive-images-2-demo-data/demo-data.html

It would be great if I could use this technique together with the ImageSizer plugin for caching, sizing and only uploading one file. This is where I’m at:

{sized-small}

How would I be able to change/rewrite the value of {sized-small} from “/uploads/photo-50x50.jpg” to “/uploads/photo-50x50.r.jpg”

Any other ideas on this topic are more than welcome. Maybe it is even possible to use approach A?

Thanks in advance,
Lars

Lars,

I am not quite sure how to accomplish this but causingeffect has said that it’s possible with their CE Image class. API found here.

Nate

Hi Lars ,

Welcome to the forums 😊

I’m with Nate on this one. ImageSizer has ceased to exist and CE Image is an excellent add-on and with an API with much more room for expansion. Does that help?

I am going to move this thread to Community help as it is more appropriate there