470
edits
No edit summary |
No edit summary |
||
Line 126: | Line 126: | ||
// create DOM elements | // create DOM elements | ||
$('#content'). | $('#content').prepend('<div id="zoomButtons">\ | ||
<img src="' + zoomInImg + '" alt="zoom in" | <img id="zoomInIcon" src="' + zoomInImg + '" alt="zoom in"">\ | ||
<img src="' + zoomOutImg + '" alt="zoom out" | <img id="zoomOutIcon" src="' + zoomOutImg + '" alt="zoom out"">\ | ||
<img id="toggleButton" src="' + toggleImgs[+ useCustom] + | <img id="toggleButton" src="' + toggleImgs[+ useCustom] + | ||
'" alt="toggle zoom | '" alt="toggle zoom"> </div>'); | ||
$('#zoomButtons').css({'float': 'right'}); | $('#zoomButtons').css({'float': 'right'}); | ||
Line 158: | Line 158: | ||
toggle(); | toggle(); | ||
} | } | ||
} | } | ||
$( '#zoomInIcon' ).on( 'click', function(){ | |||
zoom(1); | |||
}); | |||
$( '#zoomOutIcon' ).on( 'click', function(){ | |||
zoom(-1); | |||
}); | |||
$( '#toggleButton' ).on( 'click', toggle ); | |||
}); | }); | ||