// ************************************************************** // // * Au dela de l'Oraison * // // ************************************************************** // // * Copyright (c) 2007-2008 * // // * Web http://www.samantha-bailly.com * // // ************************************************************** // // ************************************************************** // // * $ Date: 2007-10-06 19:50:46 +0200 (Sat, 06 Oct 2007) $ * // // * $ Developper: Dietrich Christophe $ * // // * $ Developper: DESPORTES Florian $ * // // ************************************************************** // // ************************************************************** // // * $ Source: script_util_showbox.js $ * // // * $ Source type: javascript with mootools framework $ * // // * $ Based on: ligthbox framework but auto-resize images $ * // // * $ to fit screen size $ * // // ************************************************************** // // Default values var sb_default = { // Default URI to images image : { previous : "images/prev.png", next : "images/next.png", waiting : "images/waiting.gif", close : "images/close.png", blank : "images/blank.gif" }, // Default texts text : { prev : "Image précédente", next : "Image suivante", wait : "Chargement en cours...", close : "Fermer" } } // ShowBox class var showBox = new Class({ initialize : function(selector, prev_img, next_img, wait_img, close_img) { var anchors = document.getElements(selector); //alert(this.anchors); if (prev_img==undefined || prev_img=="") { this.prev_image = sb_default.image.previous; } else { this.prev_image = prev_img; } if (next_img==undefined || next_img=="") { this.next_image = sb_default.image.next; } else { this.next_image = next_img; } if (wait_img==undefined || wait_img=="") { this.wait_image = sb_default.image.waiting; } else { this.wait_image = wait_img; } if (close_img==undefined || close_img=="") { this.close_image = sb_default.image.close; } else { this.close_image = close_img; } this.blank_image = sb_default.image.blank; this.isShowing = false; this.imageLength = anchors.length; // full showbox container this.sb_container = new Element("div").set({ "id" : "sb_container" }); // Adding all to DOM $(document.body).adopt(this.sb_container); this.currentImage = { index : -1, width : 0, height : 0 } var sbClass = this; /*this.myKeyboardEvents = new Keyboard({ defaultEventType : "keyup", events : { "left" : function() { if (sbClass.currentImage.index - 1 > 0) { sbClass.goToPrev(); } }, "right" : function() { if (sbClass.currentImage.index + 1 < sbClass.imageLength) { sbClass.goToNext(); } }, "esc" : function() { sbClass.destroy(); } } });*/ for (var index=0; index this.getPageSize().y) { $("sb_image").setStyle("height", this.getPageSize().y-34); } var myFx = new Fx.Morph($("sb_content")); myFx.start({ "width" : [ $("sb_content").getStyle("width").toInt() , $("sb_image").getStyle("width").toInt() ], "height" : [ $("sb_content").getStyle("height").toInt(), $("sb_image").getStyle("height").toInt() + (17) ], "left" : [ $("sb_content").getStyle("left").toInt() , (this.getPageSize().x/2 - $("sb_image").getStyle("width").toInt()/2) ], "top" : [ $("sb_content").getStyle("top").toInt() , (this.getPageSize().y/2 + this.getPageScrolledSize().y - $("sb_image").getStyle("height").toInt()/2 - (10*2) + 10) ] }); $("sb_wait").setStyle("display", "none"); $("sb_legend").setStyles({ "display" : "block", "width" : $("sb_image").getStyle("width").toInt() }); myFx.addEvent("complete", function() { $("sb_image").morph({ "opacity" : 1 }); $("sb_legend").morph({ "opacity" : 1 }); }); $("sb_background").setStyles({ "width" : this.getPageScrollSize().x, "height" : this.getPageScrollSize().y }); // Hide/show prev div + prev button if (this.currentImage.index-1 < 0) { $("sb_prev").setStyle("display", "none"); } else { $("sb_prev").setStyles({ "display" : "block", "width" : $("sb_image").getStyle("width").toInt()/4, "height" : $("sb_image").getStyle("height").toInt() }); } // Hide/show next div + next button if (this.currentImage.index+1 == this.imageLength) { $("sb_next").setStyle("display", "none"); } else { $("sb_next").setStyles({ "display" : "block", "width" : $("sb_image").getStyle("width").toInt()/4, "height" : $("sb_image").getStyle("height").toInt() - 10 }); } return false; }, destroy : function() { this.isShowing = false; window.removeEvent("resize", function() { this.updateSize(); }); // Add opacity effect to background var mySb_background = new Fx.Morph($("sb_background")); mySb_background.start({ "background-color" : "#000000", "opacity" : [ 0.5 , 0 ] }); $("sb_background").dispose(); $("sb_content").dispose(); //this.myKeyboardEvents.deactivate(); return false; }, showLeftArrow : function(evt) { evt.stop(); this.getElement("img").setStyle("left", "5px"); return false; }, showRightArrow : function(evt) { evt.stop(); this.getElement("img").setStyle("left", "auto"); this.getElement("img").setStyle("right", "5px"); return false; }, hideArrow : function(evt) { evt.stop(); this.getElement("img").setStyle("left", "-9999px"); return false; } });