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>