MediaWiki:Wikiminiatlas.js: Difference between revisions
Edit request per Special:Permalink/16236056#Button_for_Retina_displays - add 2x srcset for globe icon; optimise addClass calls
No edit summary |
(Edit request per Special:Permalink/16236056#Button_for_Retina_displays - add 2x srcset for globe icon; optimise addClass calls) |
||
| Line 3: | Line 3: | ||
// also check my user page [[User:Dschwen]] for more tools | // also check my user page [[User:Dschwen]] for more tools | ||
// | // | ||
// Revision 16. | // Revision 16.11 | ||
// Source: https://github.com/dschwen/wikiminiatlas/blob/master/wikiminiatlas.js | // Source: https://github.com/dschwen/wikiminiatlas/blob/master/wikiminiatlas.js | ||
/* jshint laxcomma:true, smarttabs:true, quotmark:single, curly:false, es3:true, browser:true */ | /* jshint laxcomma:true, smarttabs:true, quotmark:single, curly:false, es3:true, browser:true */ | ||
| Line 20: | Line 20: | ||
iframeurl : '//wma.wmflabs.org/iframe.html', | iframeurl : '//wma.wmflabs.org/iframe.html', | ||
imgbase : '//wma.wmflabs.org/tiles/', | imgbase : '//wma.wmflabs.org/tiles/', | ||
buttonImage: '//upload.wikimedia.org/wikipedia/commons/thumb/5/55/WMA_button2b.png/17px-WMA_button2b.png' | buttonImage: '//upload.wikimedia.org/wikipedia/commons/thumb/5/55/WMA_button2b.png/17px-WMA_button2b.png', | ||
buttonImage2x: '//upload.wikimedia.org/wikipedia/commons/thumb/5/55/WMA_button2b.png/34px-WMA_button2b.png' | |||
}, | }, | ||
strings = { | strings = { | ||
| Line 454: | Line 455: | ||
mapbutton = $('<span>♁</span>').css('color','blue'); | mapbutton = $('<span>♁</span>').css('color','blue'); | ||
} else { | } else { | ||
mapbutton = $('<img>').attr('src', wc.buttonImage); | mapbutton = $('<img>').attr('src', wc.buttonImage).attr('srcset', wc.buttonImage + ' 1x, ' + wc.buttonImage2x + ' 2x'); | ||
} | } | ||
mapbutton.addClass('wmamapbutton').attr( { | mapbutton.addClass('wmamapbutton noprint').attr( { | ||
title: _msg('buttonTooltip'), | title: _msg('buttonTooltip'), | ||
alt: '' | alt: '' | ||
} ) | } ) | ||
.hover(function (){ $(this).css('opacity', 0.75); }, function () { $(this).css('opacity', ''); }) | .hover(function (){ $(this).css('opacity', 0.75); }, function () { $(this).css('opacity', ''); }) | ||
.css('padding', rtl ? '0px 0px 0px 3px' : '0px 3px 0px 0px' ).css('cursor', 'pointer'); | .css('padding', rtl ? '0px 0px 0px 3px' : '0px 3px 0px 0px' ).css('cursor', 'pointer'); | ||
| Line 506: | Line 506: | ||
.hover(function (){ $(this).css('opacity', 0.75); }, function () { $(this).css('opacity', ''); }) | .hover(function (){ $(this).css('opacity', 0.75); }, function () { $(this).css('opacity', ''); }) | ||
.css('padding', rtl ? '0px 3px 0px 0px' : '0px 0px 0px 3px' ).css('cursor', 'pointer') | .css('padding', rtl ? '0px 3px 0px 0px' : '0px 0px 0px 3px' ).css('cursor', 'pointer') | ||
.attr('src', wc.buttonImage). | .attr('src', wc.buttonImage).attr('srcset', wc.buttonImage + ' 1x, ' + wc.buttonImage2x + ' 2x') | ||
.addClass('wmamapbutton noprint') | |||
.bind( 'click', { param: | .bind( 'click', { param: | ||
alat + '_' + alon + '_' + | alat + '_' + alon + '_' + | ||