tpl/js.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/poche.js"></script>

        {if="$load_all_js == '1'"}
        <script type="text/javascript" src="js/jquery.masonry.min.js"></script>
        <script type="text/javascript">
            $( window ).load( function()
            {
                var columns    = 3,
                    setColumns = function() { columns = $( window ).width() > 640 ? 3 : $( window ).width() > 320 ? 2 : 1; };

                setColumns();
                $( window ).resize( setColumns );

                $( '#content' ).masonry(
                {
                    itemSelector: '.entrie',
                    columnWidth:  function( containerWidth ) { return containerWidth / columns; }
                });
            });
        </script>
        {/if}