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/>每个标签都需要在 a 内<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 回答