Как передать в плагин "Стена" moo tools данные JSON? - PullRequest
0 голосов
/ 20 ноября 2011

Я нашел этот замечательный плагин под названием "Стена" , но, к сожалению, ни документы, ни примеры не показывают, как передать ему объекты JSON.

Скажем, мыиметь массив JSON вроде:

[
 {
   href : "/my/photo/image1.jpg",
   title : "Me and Sara"
 },
 {
   href : "/my/photo/image2.jpg",
   title : "Me and Sara on a trip"
 },
 {
   href : "/my/photo/image3.jpg",
   title : "Me and Sara on a vacation"
 }
]

(он может и должен быть больше), но я надеюсь, что вы поняли.Как мне заставить "Стену" создать стену изображений из такого JSON?

1 Ответ

2 голосов
/ 20 ноября 2011

Что-то вроде:

var images = [
{
  href : "/my/photo/image1.jpg",
  title : "Me and Sara"
},
{
  href : "/my/photo/image2.jpg",
  title : "Me and Sara on a trip"
},
{
  href : "/my/photo/image3.jpg",
  title : "Me and Sara on a vacation"
 }
];
var counterFluid = 1;
var maxLength = images.length;
var wallFluid = new Wall("wall", {
                                "draggable":true,
                                "inertia":true,
                                "width":150,
                                "height":150,
                                "rangex":[-100,100],
                                "rangey":[-100,100],
                                callOnUpdate: function(items){
                                    items.each(function(e, i){
                                        var a = new Element("img[src=" + images[(counterFluid -1)].href + "]");
                                            a.inject(e.node).fade("hide").fade("in");
                                        counterFluid++;
                                        // Reset counter
                                        if( counterFluid > maxLength ) counterFluid = 1;
                                    })
                                }
                            });
// Init Fluid Wall
wallFluid.initWall();
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...