0

このグリッド画像オーガナイザー プラグインをブログで動作させようとしていますが、それを行う方法が見つからないようです。

http://suprb.com/apps/gridalicious/

どうやら私がする必要があるのは、jquery src 参照、jquery プラグイン src 参照を配置し、プラグインが適用される特定の div の関数を呼び出すことだけです。

これは私が適用しようとしているコードです:

<html>

<head>

<style>

</style>

<script src = "http://code.jquery.com/jquery-2.0.3.js"> </script>
<script src = "http://f.cl.ly/items/0O3A2k2d3K360u34473D/grid-a-licious.js"> </scipt>
<script>

$(document).ready(function(){
  $("#container").gridalicious();
});

</script>


</head>

<body>

<div id = "container">
<img src= "http://24.media.tumblr.com/tumblr_kzjlfiTnfe1qz4rgho1_500.jpg"/>  
<img src= "http://24.media.tumblr.com/tumblr_lwh5eeaHae1qgf9y4o1_500.gif"/>  
<img src= "http://24.media.tumblr.com/tumblr_lw3xaouWBm1qjg75jo1_500.jpg"/>  
<img src= "http://25.media.tumblr.com/tumblr_m2i55maEmI1qdqv28o1_500.png"/>  
<img src= "http://25.media.tumblr.com/tumblr_m2g0fpyDgn1r7j6ouo1_500.gif"/>  
<img src= "http://24.media.tumblr.com/tumblr_m56ffozeAb1r3qiz4o1_500.gif"/>  
</div>

</body>
</html>

私は何を間違っていますか?

4

1 に答える 1

0

この行で:

<script src = "http://f.cl.ly/items/0O3A2k2d3K360u34473D/grid-a-licious.js"> </scipt>

修理:

</script>

...忘れましたr:)

編集

タグは<img/>それぞれ の中にある必要があり<div/>、クラスは のようitemです。あなたとしてこれを試してください<body/>

<body>    
    <div id = "container">
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_kzjlfiTnfe1qz4rgho1_500.jpg"/>
        </div>
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_lwh5eeaHae1qgf9y4o1_500.gif"/>
        </div>
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_lw3xaouWBm1qjg75jo1_500.jpg"/>
        </div>
        <div class="item">
            <img src= "http://25.media.tumblr.com/tumblr_m2i55maEmI1qdqv28o1_500.png"/>
        </div>
        <div class="item">
            <img src= "http://25.media.tumblr.com/tumblr_m2g0fpyDgn1r7j6ouo1_500.gif"/>
        </div>
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_m56ffozeAb1r3qiz4o1_500.gif"/>
        </div>
    </div>
</body>
于 2013-10-23T02:56:10.017 に答える