$(document).ready(function(){ base_url = document.location.href.substring(0, document.location.href.indexOf('default.asp'), 0); initLightbox(); }); function initLightbox() { $(".ritLightBox").lightbox({ fitToScreen: true, // resize images if they are bigger than window disableNavbarLinks: false, loopImages: false, imageClickClose: false, displayTitle: true, navbarOnTop: false, slideNavBar: false, // slide nav bar up/down between image resizing transitions fileLoadingImage : '/public/lightbox/images/loading.gif', fileBottomNavCloseImage : '/public/lightbox/images/closelabel.gif', strings: { prevLinkTitle: 'Vorheriges Bild', nextLinkTitle: 'Nächstes Bild', prevLinkText: '« Zurück', nextLinkText: 'Weiter »', closeTitle: 'Anzeige schliessen', image: 'Bild ', of: ' von ' } }); //# 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 elementDesc = imgElement.attr("alt"); if (elementDesc=="") { elementDesc = imgElement.attr("title"); } if (elementDesc=="") { elementDesc = descElement.attr("title"); } 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", "1px"); targetItem.css("border-style", "solid"); targetItem.css("border-color", "#000000"); targetItem.css("background-color", "#332200"); //# Farbe & Format für Schrift festlegen targetItem.css("font-size", "75%"); targetItem.css("color", "#ffffff"); targetItem.css("border-bottom-width", "0px"); targetItem.css("border-top-width", "1px"); //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); }); } }); }