我正在使用jscroll进行我的igallery(magento照片库扩展)
<script>
$j('.igallery-wrapper').jscroll({
});
</script>
<div id="igallery-wrapper" class="igallery-wrapper">
<div id="igallery-images" class="category-products igallery-images">
<?php $_collectionSize = $_imageCollection->count() ?>
<?php $_columnCount = $this->_getColumnCount(); ?>
<?php $i=0; foreach ($_imageCollection as $_image): ?>
<?php if ($i++%$_columnCount==0): ?>
<ul id="my-igallery-grid" class="my-igallery-grid">
<?php endif ?>
<?php $imagesss = $this->helper('igallery/image')->init($_image->getFile()); ?>
<?php $url = $_helper->getImageUrl($_image->getFile()); ?>
<?php $_size = $_helper->getImageSize($_image, 144, 100); ?>
<?php $labels = $this->stripTags($_image->getLabel(), null, true); ?>
<?php $label = explode(" | ", $labels); ?>
<?php if ($_size) : ?>
<li class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>">
<?php if (is_object($_gallery)) : ?>
<a title="<?php echo $this->stripTags($_image->getLabel(), null, true) ?>" class="igallery-image" href="<?php echo $_helper->getImageUrl($_image->getFile()); ?>" rel="prettyPhoto[gallery][<?php echo $_gallery->getId() ?>]"><img src="<?php echo $this->helper('igallery/image')->init($_image->getFile())->resize($_size->getWidth(), $_size->getHeight()); ?>" alt="<?php echo $this->stripTags($_image->getLabel(), null, true) ?>" width="220" /></a>
<h2 class="caption-label"><?php echo $label[0]; ?></h2>
<p class="caption-desc"><?php echo $label[1]; ?></p>
<p class="caption-desc"><?php echo $label[2]; ?></p>
</li>
<?php endif; ?>
<?php if ($i%$_columnCount==0 || $i==$_collectionSize): ?>
</ul>
<?php endif ?>
<?php endforeach ?>
<script type="text/javascript">decorateGeneric($$('ul.my-igallery-grid'), ['odd','even','first','last'])</script>
</div>
</div>
但它总是显示加载,然后页面就像拖动效果到右侧,实际上有任何好的资源无限滚动?手册或插件,
感谢答案,
由于