https://bugzilla.wikimedia.org/show_bug.cgi?id=36198

--- Comment #6 from Brion Vibber <[email protected]> 2012-09-18 07:24:10 UTC 
---
I've got some general info at [[mw:HiDPI_display_support]] which I'll refresh
shortly with updated documentation on best practices, etc.

Went ahead with a test implementation of responsive images for the desktop
site:
https://gerrit.wikimedia.org/r/#/c/24115/

* adds $wgResponsiveImages setting, defaulting to true, to enable the feature
* adds jquery.hidpi plugin to check window.devicePixelRatio and replace images
with data-src-1-5 or data-src-2-0 depending on the ratio
* adds mediawiki.hidpi RL script to trigger hidpi loads after main images load
* renders images from wiki image & thumb links at 1.5x and 2.0x and includes
data-src-1-5 and data-src-2-0 attributes with the targets

Note that this is a work in progress. There will be places where this doesn't
yet work which output their imgs differently. If moving from a low to high-DPI
screen on a MacBook Pro Retina display, you won't see images load until you
reload.

Confirmed basic images and thumbs in wikitext appear to work in Safari 6 on
MacBook Pro Retina display.



The same little jQuery plugin could be called from MobileFrontend as well, and
should work though I haven't tested that yet.

-- 
Configure bugmail: https://bugzilla.wikimedia.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.
You are on the CC list for the bug.

_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l

Reply via email to