Ref : https://github.com/WURFL/angular-wurfl-image-tailor
Add ng-app
var app = angular.module("demoapp", ["angular-wurfl-image-tailor"]);
Replace
<img> your image url</img>
with
<img-wit> your image url </img-wit>
<img-wit src="http://www.scientiamobile.com/page/wp-content/uploads/2014/06/20140609_133023.jpg" w="200" h="200"> </img-wit>
Replace with a directive and use data binding
<img-wit src="http://www.scientiamobile.com/page/wp-content/uploads/2014/06/20140609_133023.jpg" w="{{image_width_desktop}}" h="{{image_width_desktop}}"> </img-wit>
and for mobile devices
<img-wit src="http://www.scientiamobile.com/page/wp-content/uploads/2014/06/20140609_133023.jpg" w="{{image_width_mobile}}" h="{{image_width_mobile}}"> </img-wit>
We can input maximum width as a directive according to various screen sizes.
In simple words, just like Radu suggested in another thread, change the max-width and max-image as per screen size using data binding in AngularJS.
I have a thread at adminforum if anyone wants to refer.
This topic doesn't really belong to the "feature discussion" board, the feature discussion is about discussing features to be introduced in ElkArte, considering ElkArte doesn't include angular, it's impossible to have such a feature, so this may better belong to support or general discussions. ;)
Thanks. :)
Sure. :)
Do you like the idea ?
I have created a module. The code is almost ready. I think we can skip adding <img-wit> BBC code and simply integrate the controller to input various values according to the screen size. Only problem is that we need AngularJS which is not part of core.