Context Navigation

Changes between Version 3 and Version 4 of Ticket #46885, comment 4

-                      v3
+                      v4
 If you don't mind helping with the the code below, I can add it to the documentation as a comment.
+*oops, I borked a double loop for some reason
+{{{
+// Parse through array to unset the original src
+foreach($sources as $element_width => $element_source) {
+        if($element_source == $image_src ){
+            unset($sources[$element_width]);
+        }
+}
+// Move largest derivative to first position.
+$largest_img_key = max(array_keys($sources));
+$sources = array( $largest_img_key => $sources[$largest_img_key]) + $sources;
+}}}
+*edited code in next comment
 On number 3, what I mean is if you have an image that is off by one px in image ratio due to rounding, this causes the image to jiggle in resizes and get blurry in conditions where the aspect ratio is determined by the original width/height. If a developer could disable the 1px error margin or specify which specific image sizes they want to use, they can choose to only show images that are resized in multiples of 2, say 180w 360w 720w to avoid potential 1px shifts in the dom. I suppose this can again be handled by a loop per above though via white listing, could even be done by checking the modulo of original src / resized src.