1

そこの。

それで、私はすでにMasonry jQuery Pluginを使ってImage Gallery Mosaicを作っています。スクリプトは「問題なく」動作しますが、ページを読み込むと、画像の CSS 配置が間違っているか、動作していません。見る：

スクリーンショット

ただし、CTRL+SCROLL、または CTRL++/CTRL+- を押すと、スクリプトが機能します。

スクリーンショット

なんで？どうすれば修正できますか？

私のJS：

    $(function(){
        var $container = $("#galeria");
            $container.masonry({
            itemSelector : 'li',
            columnWidth : 200
            });
    });

私のCSS：

.organizar-galeria{ width: 100%; }
.organizar-galeria ul li{ width: 200px; }
.organizar-galeria ul li img{ float: left; width: 100%; }
#galeria{ width: 100%; float: left; padding: 5px 0px 10px 0px; }

私のHTML：

       <div id="galeria">
        <div class="organizar-galeria">
        <?php if($GalleryDAO->countFetch['qntFotos'] == 0 AND $UserDAO->getUid() == $_SESSION['uid']) { ?>

        <p>Parece que você ainda não tem nenhuma foto. Se o dia estiver legal, que tal tirar uma?</p>
        </div>

    <?php } else { ?>

        <ul>
            <?php while($GalleryDAO->data = $GalleryDAO->query->fetch( PDO::FETCH_ASSOC )):
                $var = getimagesize($GalleryDAO->getImageThumb()); ?>
                <li>
                    <?php if( $UserDAO->getUid() == $_SESSION['uid'] ): ?>
                        <a id="<?php echo $GalleryDAO->getImageId(); ?>" class="remover" href="#" >X</a>
                    <?php endif; ?>
                    <a id="pictures"rel="group1" title="<?php echo $GalleryDAO->getLegenda(); ?>" href="<?php echo $GalleryDAO->getImageURL(); ?>" target="_blank">
                        <img class="excluirimg" <?=$var[3];?> src="<?php echo $GalleryDAO->getImageThumb(); ?>" alt="Imagem de <?php echo $UserDAO->getNome(); ?>" /></a>

                </li>
            <?php endwhile; ?>
        </ul>
    </div>

私はすでにwindow.loadとdocument.readyを試しています。

ありがとう。

4

1 に答える 1

0

石積みについてはわかりませんが、関数の実行が早すぎる可能性があります。

画像の読み込み用に設計された次のことを試しましたか。

$(function(){
    var $container = $('#galeria');
    $container.imagesLoaded(function(){
         $container.masonry({
              itemSelector : 'li',
              columnWidth : 200
         });
    });
});

幸運を祈ります、
ロブソン

于 2011-07-22T19:09:44.597 に答える