Jquery tumblr上的颜色窃贼

我正在尝试创建一个基本上显示图像的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>

$（函数（）{
var wall=新的自由墙（“滑块”）；
墙重设({
选择器：'.item'，
赛尔：190，
cellW:2，
古特雷：6，
格特克斯：6，
固定大小：1，
onResize:function（）{
墙高度（）；
},
});
墙高度（）；
$（窗口）。触发器（“调整大小”）；
});

我希望获得每个图像的主色，并将其应用于每个标题div的下边框（仅当您将鼠标悬停在图片上时才可见）。我尝试使用一个名为的脚本，但无法使其工作

我对jquery和javascript一无所知，因此如果有人能告诉我一种方法来做我想做的事情，我将不胜感激。

---

谢谢

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

否则。。。下面是你如何使用它。

---

非常酷的工具。

展示如何包含javascript源代码。另外，展示您最近使用ColorTheep的尝试。俏皮的发现顺便说一句，你应该把它添加到绊倒。关于“平均像素颜色”有很多答案，其中一个答案实际上提到了颜色小偷主页。它有非常基本的用法和演示代码。嗯，我必须通过上传图片和脚本，然后在我的代码中添加链接。这两个链接的开头相同：。。。所以我不知道，这会是个问题吗？对于grins，我使用jsbin链接将tumblr帐户中的一个图像URL插入源代码，看看它是否有效。他们没有一个友好的CORS政策允许这样做。因此，控制台返回了一个错误“Uncaught SecurityError:未能在“CanvasRenderingContext2D”上执行“getImageData”：画布已被跨源数据污染。可能存在此问题的服务器端解决方案，但是我对TumblrAPI知之甚少。@user3113004您必须使用javascript来处理图像，这意味着您需要一个api密钥。他们很容易获得，但恐怕这比我认为你想要付出的更多。如果你有问题就告诉我是的，太麻烦了！无论如何谢谢你