Download raw (3.9 KB)
<!-- *- J A V A S C R I P T - --> <script type="text/javascript" src="https://lesscss.googlecode.com/files/less-1.3.0.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="jquery.masonry.min.js"></script> <script type="text/javascript"> // INSÈRE UN CARACTÈRE UNICODE APRÈS <DD> (function($) { $.fn.postDD=function() { return this.each(function(){ $(this).after("<span>⁀</span>"); }); }; })(jQuery); // INSÈRE DES <WBR> ENTRE CHAQUE LETTRE (function($) { $.fn.bainesify=function() { return this.each(function(){ text = $(this).text().split(""); html = text.join("<wbr>"); console.log(text + html); $(this).html(html); }); }; })(jQuery); // TITRAGE -> DUPLIQUE L'ÉLÉMENT POUR LE PLACER EN-DESSOUS, CHANGER LE CLONE EN CSS (function($) { $.fn.titrage=function() { return this.each(function(){ $(this).wrapInner('<span />'); span = $("span", $(this)); span.clone().css({'position': 'absolute',}).insertBefore(span); }); }; })(jQuery); // FAIT COULER UN CONTENU DANS UN FLUX (function($) { $.fn.flowText=function() { return this.each(function(){ id = $(this).attr("id"); $("section#grille-" +id + " div.texte").css("-webkit-flow-from", "Text-" + id); $("div.content", this).css("-webkit-flow-into", "Text-" + id); $("section#grille-" + id + " div.image").css("-webkit-flow-from", "Image-" + id); $("div.image-cmjn", $(this)).css("-webkit-flow-into", "Image-" + id); $("section#grille-" + id + " div.bible").css("-webkit-flow-from", "Bible-" + id); $("dl.bible", $(this)).css("-webkit-flow-into", "Bible-" + id); }); }; })(jQuery); // CADRES LOSANGES (function($) { $.fn.cadre=function() { return this.each(function(){ w = $(this).width(); h = $(this).height(); t = $(this).offset().top; l = $(this).offset().left; $(this).clone().css({'position': 'absolute', "top": t, "left": l, "width": h, "height":w, "border": "3px solid black", "-webkit- transform":"rotateY(10deg)"}).text("").insertBefore($(this)); }); }; })(jQuery); $(document).ready(function(){ // TITRAGES //$("h2").titrage(); //$("h3").cadre(); // FAKE PAGES doc_height = $("body").height(); page_height = $("#fakepage").height(); //page_height = 22; nb_page = Math.ceil(doc_height/page_height); //gutter = parseInt($("#fakepage").css("top")); // = 1cm for (i = 44; i <= nb_page+44; i++){ $("#fakepage").clone().css({'display': 'block'}).attr("id","fakepage-p"+i).insertBefore($("#fakepage")); // FOLIO //$("#fakepage-p" + i + " .folio").html("<p>page " + (i+1) + "</p>"); } var $containermason = $('#containermason'); $containermason.imagesLoaded(function(){ $containermason.masonry({ itemSelector : '.itemmason', columnWidth : 130 }); }); }); </script> </body> </html>