|
@@ -1,3 +1,39 @@
|
|
|
+function toggleFullscreen(elem) {
|
|
|
+ elem = elem || document.documentElement;
|
|
|
+ if (!document.fullscreenElement && !document.mozFullScreenElement &&
|
|
|
+ !document.webkitFullscreenElement && !document.msFullscreenElement) {
|
|
|
+
|
|
|
+ img_fullscreen = $(elem).attr("src").split("-");
|
|
|
+ img_fullscreen = img_fullscreen[0] + "-" + img_fullscreen[1] + img_fullscreen[2].slice(7);
|
|
|
+ $(elem).attr("src", img_fullscreen);
|
|
|
+
|
|
|
+ if (elem.requestFullscreen) {
|
|
|
+ elem.requestFullscreen();
|
|
|
+ } else if (elem.msRequestFullscreen) {
|
|
|
+ elem.msRequestFullscreen();
|
|
|
+ } else if (elem.mozRequestFullScreen) {
|
|
|
+ elem.mozRequestFullScreen();
|
|
|
+ } else if (elem.webkitRequestFullscreen) {
|
|
|
+ elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+
|
|
|
+ img_fullscreen = $(elem).attr("src").split("&");
|
|
|
+ img_fullscreen = img_fullscreen[0] + "&" + img_fullscreen[1] + "&" + img_fullscreen[2] + "-resized&" + img_fullscreen[3];
|
|
|
+ $(elem).attr("src", img_fullscreen);
|
|
|
+
|
|
|
+ if (document.exitFullscreen) {
|
|
|
+ document.exitFullscreen();
|
|
|
+ } else if (document.msExitFullscreen) {
|
|
|
+ document.msExitFullscreen();
|
|
|
+ } else if (document.mozCancelFullScreen) {
|
|
|
+ document.mozCancelFullScreen();
|
|
|
+ } else if (document.webkitExitFullscreen) {
|
|
|
+ document.webkitExitFullscreen();
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
$(function() {
|
|
|
|
|
|
$("#front-quality-text").text( ($("#img-front").width() / parseInt($("#top-count").text())).toFixed(2).toString() + "%");
|
|
@@ -189,4 +225,20 @@ $(function() {
|
|
|
// update image src
|
|
|
$("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left-resized&counter="+index.toString());
|
|
|
});
|
|
|
+
|
|
|
+ document.getElementById("img-front").addEventListener("click", function() {
|
|
|
+ console.log(this);
|
|
|
+ toggleFullscreen(this);
|
|
|
+ });
|
|
|
+
|
|
|
+ document.getElementById('img-top').addEventListener('click', function() {
|
|
|
+ console.log(this);
|
|
|
+ toggleFullscreen(this);
|
|
|
+ });
|
|
|
+
|
|
|
+ document.getElementById('placeholder-left').addEventListener('click', function() {
|
|
|
+ console.log(this);
|
|
|
+ toggleFullscreen(this);
|
|
|
+ });
|
|
|
+
|
|
|
});
|