Question

我正在尝试创建一个基本上显示图像的tumblr页面。结构是这样的：

    <div id="slider">
       <ul id="slidercont">
          <li class="item">
             <div class="caption">CAPTION</div>
             <img src="http://static.tumblr.com/...">
          </li>
          <li class="item">
            <div class="caption">CAPTION</div>
            <img src="http://static.tumblr.com/...">
          </li>
       </ul>
    </div>

我不知道这是否与我的问题相关，但为了以防万一，我正在使用一个名为FreeWall的jquery插件将列表显示为网格，具有以下选项：

   <script type="text/javascript">
      $(function() {
         var wall = new freewall("#slidercont");
         wall.reset({
            selector: '.item',
            cellH:190,
            cellW:2,
            gutterY: 6,
            gutterX: 6,
            fixSize: 1,
            onResize: function() {
               wall.fitHeight();
            },
         });
         wall.fitHeight();
         $(window).trigger("resize");
      });
   </script>

我希望获得每张图片的主色并将其应用到每个字幕div的底部边框（仅当您将鼠标悬停在图片上时才能看到）。我尝试使用名为Color-Thief的脚本，但我无法使其工作。

我对jquery和javascript一无所知，所以如果有人可以告诉我一种方法来做我想做的事情，我真的很感激。如果有的话。
谢谢！

Answer 1

我不确定你打算如何从tumblr获取图像，但是颜色窃贼将无法获取跨域的图像数据。因此，您必须弄清楚如何从托管此代码的域中提供tumblr图像。

否则......以下是您使用它的方式。 http://jsbin.com/umiworeW/1/edit?html,output

非常酷的工具。

tumblr的颜色小偷

1 个答案: