Такая проблема, взял с сайта http://scrollerjs.com слайдер для фоток:

<div id="container">
	<div class="scroller-wrapper-custom scroller-wrapper">
		<div class="scroller">
			<article class="stl">тут фотка</article>
			<article class="stl">тут фотка</article>
			<article class="stl">тут фотка</article>   
		</div>
    </div>
</div>

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

            window.addEventListener('load', function (e) {
                window.scrollerConfig = {
                    itemSelector     : 'article',
                    disableMouse     : false,
                    useCSSTransition : false,
                    gpuOptimization  : true,
                    infiniteLoading  : false,
                    //hints
                    //itemHeight       : 310,
                    //itemWidth        : 320
                    snap             : 'sticky',
                    pullToRefresh    : false,
                    pullToLoadMore   : false,
                    scroll           : 'horizontal',
                    plugins          : ['Endless', 'Snap']
                };
                window.s = window.scroller = 
                new Scroller('.scroller-wrapper', scrollerConfig);
            });

все работает до того момента когда решаешь взять

<article class="stl">тут фотка</article>  

и начать выводить его в цикле

ajax('http://************************/', function (gallery) 
{
	for(var i = 0; i < gallery.length; i++) 
	{               
		$('<article class="stl">тут фотка</article>').appendTo($('.scroller'));
	}
});

после этого уже нифига не работает, вот если не брать цикл а сразу оставить все в div в исходном коде можно увидеть что каждый article оборачивается еще в один div подключенным скриптом с того сайта чтобы их можно было листать

<div class="surface" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<article class="stl">тут фотка</article>
</div>
<div class="surface" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);">
<article class="stl">тут фотка</article>
</div>
<div class="surface" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1000, 0, 0, 1);">
<article class="stl">тут фотка</article>
</div>

а после того как взять цикл то article просто так добавляются без matrix3d

<article class="stl">тут фотка</article>
<article class="stl">тут фотка</article>
<article class="stl">тут фотка</article>

у них в доках есть

on ( eventType  fn  [context] ) public
Defined in src/scroller.js:1385
Prepend an Array of elements into the scroller. This function is overriden by SurfaceManager to allow a custom DOM manipulation.
Parameters:
eventType String
Event name

fn Function
The callback to execute in response to the event

[context] Object optional
Override this object in callback

только не пойму как мне эту подсказку использовать, может кто что подсказать?