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}