$(document).ready(function(){ //alert("LB init_base"); //base_url = document.location.href.substring(0, document.location.href.indexOf('default.asp'), 0); initRIT_Lightbox(); }); function initRIT_Lightbox() { var attrs = {}; var classes = $("a.ritLightBox").map(function(indx, element){ var key = $(element).attr("rel"); attrs[key] = true; return attrs; }); var attrsName = Object.keys(attrs); attrsName.forEach(function(entry) { $( "[rel='"+entry+"']" ).imageLightbox({ activity: true, arrows: true, button: true, caption: true, navigation: false, overlay: true, preloadNext: true, animationSpeed: 300, enableKeyboard: true, fullscreen: true, quitOnEnd: false, quitOnImgClick: false, quitOnDocClick: true, quitOnEscKey: true, lockBody: false }); }); //# Beschreibungen in die Spans laden var objElements = $('div.lbImage'); $.each(objElements, function(key, value) { //# Felder festlegen und Desc-Feld dynamisch einbinden var descElement = $(value).find("a"); var imgElement = $(value).find("img"); descElement.append(""); var targetItem = $(value).find(".lbDescLayerDyn"); //#Benötigte Werte auslesen var maxW = parseInt(imgElement.attr("width"))-8; // 8 für Padding in DescBox var maxH = parseInt(imgElement.attr("height")); // 4 für Padding var plusB = parseInt(imgElement.css("border-top-width")) + parseInt(imgElement.css("border-bottom-width")); var plusBS = parseInt(imgElement.css("border-left-width")) + parseInt(imgElement.css("border-right-width")); var plusP = parseInt(imgElement.css("padding-top")) + parseInt(imgElement.css("padding-bottom")); var plusPS = parseInt(imgElement.css("padding-right")) + parseInt(imgElement.css("padding-left")); //#Titel aus A bzw. Image auslesen (und dann wieder bei Link setzen - LiveEditor-Bug) var noDescClass = descElement.hasClass("noThumbText"); var elementDesc = imgElement.attr("alt"); if (elementDesc=="") { elementDesc = imgElement.attr("title"); } if (elementDesc=="") { elementDesc = descElement.attr("title"); } if (noDescClass==true) {elementDesc="";} descElement.attr("title",elementDesc); //alert(elementDesc); if ((elementDesc!=="")&&(elementDesc!==undefined)) { //#Inhalt vorbereiten targetItem.html(elementDesc).css("width",parseInt(maxW+plusBS+plusPS) + "px"); var descH = parseInt($(value).find(".lbDescLayerDyn").css("height")) + parseInt($(value).find(".lbDescLayerDyn").css("padding-top")) + parseInt($(value).find(".lbDescLayerDyn").css("padding-bottom")); //# Beschreibungselemente sichern und zerstören descElement.attr("rev",descElement.attr("title")); descElement.removeAttr("title"); imgElement.removeAttr("title"); //# Rahmenstil und Farben für DIV-Wrapper setzen targetItem.css("border-top-width", "0px"); targetItem.css("border-bottom-width", "0px"); targetItem.css("border-style", "solid"); targetItem.css("border-color", "#000"); targetItem.css("background-color", "#FFF"); //# Farbe & Format für Schrift festlegen targetItem.css("font-size", "11px"); targetItem.css("color", "#333"); targetItem.css("border-bottom-width", "0px"); targetItem.css("border-top-width", "0px"); //alert("maxH: " + maxH + "\nplusB: " + plusB + "\nplusP: " + plusP + "\ndescH: " + descH); targetItem.css("margin-top", parseInt(maxH+plusB+plusP-descH) + "px"); $(value).find("a").bind('mouseenter', function() { targetItem.fadeIn(400); }); $(value).find("a").bind('mouseleave', function() { targetItem.fadeOut(400); }); } }); }