Hallo miteinander,
heute habe ich eine neue Seite mit Slider erstellt und als ich sie hochladen wollte, kam folgende Fehlermeldung im Anhang.
Wenn ich mir den Fehler komplett anzeigen lasse, kommt folgendes:
<$ function numToBool(numberOrString){ if ( parseInt(numberOrString) === 0 ){ return false; } else if( parseInt(numberOrString) === 1 ){ return true; } else{ return numberOrString; } } var animationSpeed = 600; var defaultLevel = "h2"; var numSlides = article.value("header-count"); var slideSpeed = parseInt( article.value("secondsperimage", "8") * 1000); var showthumbs = article.value("showthumbs", false); var textStyles = ""; var textPosition = article.value("textPosition", "middle"); var textColor = article.value("textColor", "#ffffff"); var textBgColor = article.value("textBgColor", ""); var textShadowColor = article.value("textShadowColor", ""); var effect = article.value("effect", "fade"); var origEffect = effect; var controlNav = numToBool(article.value("controlNav", true)); var directionNav = numToBool(article.value("directionNav", true)); var randomize = numToBool(article.value("randomize", false)); var minHeight = article.value("minHeight", "0px"); var bgColor = article.value("bgColor", "transparent"); var lazyLoad = 'loading="lazy" '; if ( minHeight.length == parseInt(minHeight).toString().length ){ // string misses the Unit, so we add px // parseInt() removes characters, then we compare length and if it is the same, we know we got a string with only numbers minHeight = minHeight + "px"; } var cssClass = ""; var imageInlineStyles = ""; if ( effect == "kenburns" ){ lazyLoad = ''; cssClass += " burns"; effect = "fade"; animationSpeed = 3000; } if ( article.value("breakout") ){ cssClass += " zpBreakout"; imageInlineStyles = ' style="border-radius: 0;"'; if ( textPosition == "below" ){ textStyles += "width: 100%;"; } else{ textStyles += "width: 100%; margin: 0;"; } } if ( textPosition == "bottom" ){ cssClass += " captionbottom"; } else if ( textPosition == "middle" ){ cssClass += " captionmiddle"; } else if ( textPosition == "top" ){ cssClass += " captiontop"; } else if ( textPosition == "below" ){ cssClass += " captionbelow"; } if ( (bgColor == "" 
bgColor == "transparent") && (textBgColor == "" textBgColor == "transparent") ){ cssClass += " defaultbg"; if ( textPosition == "below" ){ textStyles += "margin-top: 1em;"; } } var contentImageWidth = "#val(contentcopy-max-image-width)"; // Kann auch "700px" sein, deshalb mit parseInt nur die Zahl hohlen und trimmen - falls leer, auf default 960 setzen. contentImageWidth = parseInt(contentImageWidth) 960; var thisStyles = ""; // adjust kenburns speed so the animation can finish before fading to the next slide if ( parseInt(slideSpeed) < 10000 ){ thisStyles += '.zp13sliderWidget.burns[data-article-id="' + article.id + '"] ul.zp13slider > li.zp13slider-active-slide img{'; thisStyles += 'animation-duration: ' + slideSpeed + 'ms !important;'; thisStyles += '}'; } // if minHeight is set, add css if ( parseInt(minHeight) > 0 ){ thisStyles += '.objectfit .zp13sliderWidget[data-article-id="' + article.id + '"] ul.zp13slider img{'; thisStyles += 'min-height: ' + minHeight + '; object-fit: cover;'; thisStyles += '}'; } // if bgColor is set, add css if ( bgColor !== "" && bgColor !== "transparent" ){ thisStyles += '.zp13sliderWidget[data-article-id="' + article.id + '"] .zp13slider-container{'; thisStyles += 'background-color: ' + bgColor + ';'; thisStyles += '}'; } // set text-color for arrows based on text-color set in widget thisStyles += '.zp13sliderWidget[data-article-id="' + article.id + '"] .zp13slider-direction-nav a{'; if ( textColor !== "" && textColor !== "transparent" ){ thisStyles += 'color: ' + textColor + ' !important;'; if ( textShadowColor == "transparent" ){ thisStyles += 'text-shadow: none !important;'; } else if ( textShadowColor !== "" ){ thisStyles += 'text-shadow: 1px 0px 0 ' + textShadowColor + ' !important;'; } } else{ thisStyles += 'color: #ffffff !important;'; if ( textShadowColor == "" textShadowColor == "transparent" ){ thisStyles += 'text-shadow: 1px 0px 0 #333333 !important;'; } } thisStyles += '}'; if ( thisStyles !== "" ){ system.addHtmlHeadElement("\n" + thisStyles + "\n"); } $> <$= system.partial("article-begin.html", "zp13sliderWidget" + cssClass) $>
- <$ if ( textColor !== "" && textColor !== "transparent" ){ textStyles += " color: " + textColor + ";"; } if ( textBgColor && textBgColor !== "transparent" ){ textStyles += " padding-top: 20px; padding-bottom: 20px; background-color: " + textBgColor + ";"; } if ( textShadowColor == "transparent" ){ textStyles += " text-shadow: none;"; } else if ( textShadowColor !== "" ){ textStyles += " text-shadow: 1px 1px 0 " + textShadowColor + ";"; } var gridCols = article.column.cssClass; if ( gridCols ){ gridCols = parseInt((gridCols.match(/\bc[1-9][0-2]?\b\s?/) 12).toString().replace("c", "")); } else{ gridCols = 12; } var columnMargin = 30; var columnWidth = ((contentImageWidth + columnMargin) / 12) * gridCols; var activeClass = ""; if ( numSlides == 1 ){ // if the slider only contains one image, we set the active slide class manually in order to kick off kenburns css animations activeClass = ' class="zp13slider-active-slide"'; } for ( var i = 1; i <= numSlides; ++i ) { var inlineStyle = ""; var slideUrl = ""; if ( article.value("slideUrl-" + i, "") ) { slideUrl = system.partial("zplink-expanded.html", "slideUrl-" + i); } var headerTitle = article.value("header-title-" + i, ""); var headerLevel = article.value("header-title-" + i + "_level", defaultLevel) !== "" ? article.value("header-title-" + i + "_level", defaultLevel) : defaultLevel; var headerAlign = article.value("header-title-" + i + "_align", ""); if ( headerAlign ){ inlineStyle += "text-align: " + headerAlign + "; "; } var headerColor = article.value("header-title-" + i + "_color", ""); if ( headerColor ){ inlineStyle += "color: " + headerColor + "; "; } var headerDescription = article.value("text-" + i, ""); var headerImage = article.value("image-" + i); var image = project.getImage(headerImage); var dataThumb = ""; var imageSource = ""; var imageWidth = ""; var imageHeight = ""; if ( !isNull(image) && !isNull(image.workingCopyPath) && !isNull(image.workingCopyWidth) ){ // if image.workingCopyWidth is null, the working copy file is missing image.ensureContentCopy(article, parseInt(columnWidth - columnMargin)); if ( article.value("breakout") ){ // ise largest available image file when slider is "randlos" imageSource = image.workingCopyPath; imageWidth = image.workingCopyWidth; imageHeight = image.workingCopyHeight; } else{ imageSource = image.contentCopyPath; imageWidth = image.contentCopyWidth; imageHeight = image.contentCopyHeight; } var thumbImageWidth = image.contentCopyWidth; var thumbImageHeight = image.contentCopyHeight; var description = image.description; var encodedDescription = system.htmlEncode(image.description); var stripDescription = system.htmlEncode(system.removeHtmlTags(image.description)); // strip
-Tags from description as
is not valid inside SPAN description = description.toString().replace(/
/g,""); description = description.toString().replace(/<\/p>/g,"
"); if ( showthumbs ){ // Thumbnails are currently disabled by default - may be used in future version controlNav = "thumbnails"; var thumbnailWidth = "100"; var thumbnailHeight = "62"; if ( image.createThumb(thumbnailWidth, thumbnailHeight) ) { system.log("Erstelle Vorschaubild " + image.Name); } dataThumb = ' data-thumb="' + image.thumbPath(thumbnailWidth, thumbnailHeight) + '"'; } } else { if ( system.preview ){ system.warn("Der Slider auf der Seite \"" + page.name + "\" enthält ein ungültiges Bild, das vermutlich gelöscht wurde. Am besten löschen Sie den Slider und fügen einen neuen ein."); } if ( showthumbs ){ dataThumb =' data-thumb=""'; } } $> <$= dataThumb $>> <$ if ( slideUrl ){ $> > <$ } $> <$ if ( !isNull(image) ) { $> src="<$= imageSource $>" width="<$= imageWidth $>" height="<$= imageHeight $>" alt="<$= system.htmlEncode(system.removeHtmlTags(image.altText)) $>"<$= imageInlineStyles $> /> <$ } $> <$ if ( headerTitle headerDescription ) { $><$ if ( headerTitle ) { $> <<$= headerLevel $><$ if ( inlineStyle ){$> style="<$=inlineStyle$>"<$ } $>><$= headerTitle $>> <$ } $> <$= headerDescription $>
<$ } $> <$ if ( slideUrl ){ $> <$ } $> <$ } $>
<$= system.partial("article-end.html") $> <$ var nextText = system.htmlEncode(page.attribute("header_next_text")) "weiter"; var prevText = system.htmlEncode(page.attribute("header_prev_text")) "zurück"; var inlineEditingInitDelay = 50; //var useSmoothHeight = "#val(smootHeight)" === "false" ? "false" : "true"; var useSmoothHeight = "true"; // needed to make prev/next arrows and paging visible, when images of different heights are used if ( origEffect == "kenburns" ){ useSmoothHeight = "false"; } if ( useSmoothHeight === "true" ){ inlineEditingInitDelay = 1000; } $> <$ if ( numSlides > 0 ) { $> <$ } $>
Ich habe versucht, den Slider zu löschen und neu einzufügen, die Website komplett zu veröffentlichen usw. Nichts half... Habt ihr vielleicht eine einfache Lösung?
Viele Grüße
Sackmann Fahrradreisen Team
