JQuery Freewall: Képelrendezés elfoglalja az összes hely

szavazat
1

Így akartam, hogy dolgozzon ki egy Radom-szerű képet falon. Felfedeztem egy JQuery nevű plugint Freewall.

Tudtam, hogy dolgozzon ki ezt:

írja

Akárhányszor újra az oldalt, a képeket kap új szélességben és pozíciók. Ez ad egy szép „véletlen” animáció folyik, de mint látható a jobb oldalon van egy üres hely, hogy meg kell szüntetni az előző kép ... Néhány más alkalommal még tesz 3 sor helyett 2.

A kód az általam használt része volt másolt másik forrásból származik, és összekeveredett az enyémmel. Nem egészen értem a véletlen termelési folyamat, mivel nem sok értelme van. De azon dolgozik, hogy ezt a pontot ...

Ez a jelenlegi kód:

<div class=container>

<div id=freewall class=free-wall bottomEq></div>

<script type=text/javascript>
$(document).ready(function() {

    var temp = <a href='{url}'><div class='mosaic-cell' style='width:{width}px; height: {height}px; background-image: url(<?php print $baseDir; ?>{imgUrl}); '></div></a>;
    var w = 1, html = '';

    var categories = JSON.parse('<?php print json_encode($categories); ?>');
    categories.shift();
    categories.shuffle();

    $.each(categories, function(index, category){

        w = 200 + 400 * Math.random() << 0;

        cTemp = temp.replace(/\{height\}/g, 200);
        cTemp = cTemp.replace(/\{width\}/g, w);
        cTemp = cTemp.replace({imgUrl}, category.image.full);
        html += cTemp;
    });

    $(#freewall).html(html);
    var wall = new freewall(#freewall);

    wall.reset({
        selector: '.mosaic-cell',
        animate: true,
        cellW: 200,
        cellH: 200,
        onResize: function() {
            wall.fitWidth();
        }
    });

    wall.fitWidth();

    // for scroll bar appear;
    $(window).trigger(resize);

});
</script>

</div>
  1. Hogyan kerülhetem üres terek, arra kényszerítve az előző képet, hogy kitöltse a maradék helyet?
  2. Mit jelent w = 200 + 400 * Math.random() << 0;pontosan? << 0?
  3. Hogyan tudok erőltetni 2 vonalakat Freewall, nem vettem észre semmilyen használható paraméter erre a dokumentációt.

Köszönöm.

A kérdést 27/04/2015 21:13
felhasználó
Más nyelveken...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more