wikimedia/mediawiki-extensions-MultimediaViewer
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer synced 2024-11-12 09:27:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Pull changes from multilightbox

Browse source 
Fixes for resizing the image - should make things a little nicer

Also fix for bind - should fix the library for IE users.

Change-Id: I52ea4fcf0cb8b4ee3a6e2ca835f846264fffae3b
This commit is contained in:
Mark Holmquist 2013-09-03 18:01:57 -07:00
parent 4898f42e18
commit a25d117b43
2 changed files with 31 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
js/multilightbox/lightboximage.js
View file

@ -28,11 +28,11 @@
LIP.autoResize = function ( ele ) {
function updateRatios() {
if ( imgHeight !== 0 ) {
if ( imgHeight ) {
imgHeightRatio = imgMaxHeight / imgHeight;
}
if ( imgHeight !== 0 ) {
if ( imgWidth ) {
imgWidthRatio = imgMaxWidth / imgWidth;
}
}
@ -47,6 +47,14 @@
imgWidth = $img.width(),
imgHeight = $img.height();
if ( this.globalMaxWidth && imgMaxWidth > this.globalMaxWidth ) {
imgMaxWidth = this.globalMaxWidth;
}
if ( this.globalMaxHeight && imgMaxHeight > this.globalMaxHeight ) {
imgMaxHeight = this.globalMaxHeight;
}
updateRatios();
if ( imgWidth > imgMaxWidth ) {

35
js/multilightbox/lightboxinterface.js
View file

@ -10,19 +10,20 @@
function handleFullscreenChange() {
// If we're no longer in fullscreen mode, make sure
if ( !this.fullscreenButtonJustPressed &&
if ( !lbinterface.fullscreenButtonJustPressed &&
!document.fullscreenElement &&
!document.mozFullScreenElement &&
!document.webkitFullScreenElement ) {
this.fullscreen();
lbinterface.fullscreen();
} else if ( this.fullscreenButtonJustPressed ) {
this.fullscreenButtonJustPressed = false;
lbinterface.fullscreenButtonJustPressed = false;
}
}
var result,
addToPre = [],
addToPost = [];
addToPost = [],
lbinterface = this;
this.$overlay = $( '<div>' )
.addClass( 'mlb-overlay' );
@ -56,18 +57,18 @@
this.$main
);
lightboxHooks.callAll( 'modifyInterface', this );
lightboxHooks.callAll( 'modifyinterface', this );
window.addEventListener( 'keyup', function ( e ) {
if ( e.keyCode === 27 ) {
// Escape button pressed
this.unattach();
lbinterface.unattach();
}
}.bind( this ) );
} );
window.addEventListener( 'fullscreenchange', handleFullscreenChange.bind( this ) );
window.addEventListener( 'mozfullscreenchange', handleFullscreenChange.bind( this ) );
window.addEventListener( 'webkitfullscreenchange', handleFullscreenChange.bind( this ) );
window.addEventListener( 'fullscreenchange', handleFullscreenChange );
window.addEventListener( 'mozfullscreenchange', handleFullscreenChange );
window.addEventListener( 'webkitfullscreenchange', handleFullscreenChange );
}
LIP = LightboxInterface.prototype;
@ -128,6 +129,8 @@
var ele = image.getImageElement( function () {
iface.$image = $( ele );
iface.$imageDiv.html( ele );
image.globalMaxWidth = iface.$image.width();
image.globalMaxHeight = iface.$image.height();
image.autoResize( ele );
window.addEventListener( 'resize', function () {
@ -142,6 +145,8 @@
};
LIP.setupPreDiv = function ( buildDefaults, toAdd ) {
var lbinterface = this;
if ( buildDefaults ) {
this.$controlBar = $( '<div>' )
.addClass( 'mlb-controls' );
@ -149,15 +154,17 @@
this.$closeButton = $( '<div>' )
.text( ' ' )
.addClass( 'mlb-close' )
.click( this.unattach.bind( this ) );
.click( function () {
lbinterface.unattach();
} );
this.$fullscreenButton = $( '<div>' )
.text( ' ' )
.addClass( 'mlb-fullscreen' )
.click( function () {
this.fullscreenButtonJustPressed = true;
this.fullscreen();
}.bind( this ) );
lbinterface.fullscreenButtonJustPressed = true;
lbinterface.fullscreen();
} );
this.$controlBar.append(
this.$closeButton,