невозможно применить функцию к каждому img внутри div - PullRequest
Новая
       16

невозможно применить функцию к каждому img внутри div

0 голосов
/ 25 сентября 2011

Я пытаюсь размыть каждое изображение в 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 echo ..

Ответы [ 2 ]

2 голосов
/ 25 сентября 2011

Я думаю, что проблема в том, что вы передаете значения идентификаторов изображений. Pixastic (если этот ) нужен элемент изображения.

Ваш код может выглядеть так: 

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

Обратите внимание, что Pixastic предоставляет плагин jQuery, так что вы можете просто сделать это: 

$('#textarea img').pixastic('blurfast', {amount: 1.5});
0 голосов
/ 25 сентября 2011

попробуйте это: 

      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)

...