无法在div中的每个img上应用函数

时间:2011-09-25 16:07:56

标签: javascript jquery pixastic

我试图模糊DIV中的每个图像,但是没有理由,它只是不起作用

<div id="textarea"  >random HTML with imgs</div>
                         <script type="text/javascript">
                            var arraysOfImgs = $('#textarea').find('img').map(function(){
                                return this.id;
                            }).get();
                            for (var i = 0; i < arraysOfImgs.length; i++){
                                Pixastic.process(arraysOfImgs[i], "blurfast", {
                                    amount : '1.5'
                                });
                            }

                        </script>';

即使这样也没有用到

<script type="text/javascript">
                         $(document).ready(function() {
                            var arraysOfImgs = $('#textarea').find(\'img\').map(function(){
                                return this.id;
                            }).get();

                            $.each(arraysOfImgs, function() {
                                Pixastic.process(this, "blurfast", {
                                    amount : '1.5'
                                });
                            });
                        }); 
                        </script>

没有显示错误,加载页面时没有任何反应......

编辑:没有更多的php回音..

2 个答案:

答案 0 :(得分:1)

我认为问题在于您传递图像的ID值。 Pixastic(如果它是this one)需要图像元素。

您的代码可能如下所示:

$('#textarea img').each(function() {
    Pixastic.process(this, "blurfast", {
        amount : '1.5'
    });
});

另请注意,Pixastic提供了一个jQuery插件,所以你可以这样做:

$('#textarea img').pixastic('blurfast', {amount: 1.5});

答案 1 :(得分:0)

试试这个:

      var img = new Image();
img.onload = function() {
    Pixastic.process(img, "blur");
}
document.body.appendChild(img);
img.src = "myimage.jpg";

和嵌入式blur.js(http://www.pixastic.com/lib/git/pixastic/actions/blur.js

或查看教程http://www.pixastic.com/lib/docs/actions/blur/