LA MALOTERIE, BELLE ET HOULLEFORT (62)

LA MALOTERIE, BELLE ET HOULLEFORT (62) #header{background-image:url(https://www.hdmedia.fr/photos360/fr-xavier-potterie-le-touquet-paris-plage/360/cbpKgpU5n/prints/photo224875_6.jpg) !important} var textes, textItems = [], classes = []; Array.prototype.clean = function(deleteValue) { for (var i = 0; i < this.length; i++) { if (this[i] == deleteValue) { this.splice(i, 1); i--; } } return this; }; function reanimate() { textes = jQuery(".animate"); for(var idx = 0; idx < textes.length; idx++) { classes[idx] = jQuery(textes[idx]).attr('class'); jQuery(textes[idx]).attr('class', 'animate'); setTimeout(setClass, 20, idx); } } function setClass(idx) { jQuery(textes[idx]).addClass(classes[idx]); } function getCss(element) { if (element.nodeType == 1) { return window.getComputedStyle(element, null); } else { return getCss(element.parentElement); } } function browseTree(element, parts, styles) { if (element.firstChild != null) { browseTree(element.firstChild, parts, styles); } else { if (element.localName == "br") { parts[parts.length -1] += '(^!^)'; } else { parts.push(element.textContent.replace(/ /g, '(^#^)')); } var style = getCss(element); styles.push('style="font-size:' + style["font-size"] + '; font-family: ' + style["font-family"] + '; color: ' + style["color"] + '"'); } if (element.nextSibling != null) { browseTree(element.nextSibling, parts, styles); } } jQuery( document ).ready(function() { //chargement dynamique gfonts var fontsTags = jQuery("font"); jQuery.each(fontsTags, function (idx, elem) { if(jQuery(this).attr("face") != undefined) { var font = jQuery(this).attr("face").replace(/ /g,"+"); var gfontsLocation ="https://fonts.googleapis.com/css?family="; jQuery("<link/>", { rel: "stylesheet", type: "text/css", href: gfontsLocation + font }).appendTo("head"); } }); // textes animés var textes = document.getElementsByClassName('animate'); for(var i = 0; i < textes.length; i++) { var text_parts = new Array(); var text_styles = new Array(); var fonts = textes[i].querySelectorAll('font'); if (fonts.length > 0) { browseTree(textes[i].firstChild, text_parts, text_styles); } else { var texte = $(textes[i]).html().replace(/ /g,"(^!^)"); texte = texte.replace(/<br\/>/g,"(^!^)"); texte = texte.replace(/ /g," "); texte = texte.replace(/ /g, '(^#^)'); texte = jQuery("<div/>").html(texte).text().trim(); if (texte != "") { text_parts.push(texte); } } $(textes[i]).empty(); var animationIndex = 0; for (var t = 0; t < text_parts.length; t++) { var texte = text_parts[t]; if(texte != "") { var lines = texte.split("(^!^)").clean(""); for(var lineIndex = 0; lineIndex < lines.length; lineIndex++) { var line = lines[lineIndex]; var words = line.split("(^#^)"); var spanned = ""; for(var j = 0; j < words.length; j++) { var word = words[j]; var spannedWord = ""; for(var k = 0; k < word.length; k++){ var delai = animationIndex * 0.02; delai = delai.toFixed(2); spannedWord += "" + word[k] + ""; animationIndex++; } spanned += "<span"; if (text_styles[t] != "") { spanned += ' ' + text_styles[t]; } spanned += ">" + spannedWord + ""; if (words.length > 1) { spanned += " "; } } $(textes[i]).append(spanned); if (texte.indexOf("(^!^)") > -1) { $(textes[i]).append(" "); } } } } } setInterval(function(){ reanimate(); }, 5000); });