Html 交叉幻灯片分页？

我需要实现交叉幻灯片幻灯片的分页 谁能告诉我如何在中实现分页

---

提前感谢……

我想以下可能是您的解决方案，尽管它并不完美

例如，您的配置为：

$test3.crossSlide({
            fade: 1
        }, [
            { // #1
                src:  'sand-castle.jpg',
                alt:  'Sand Castle',
                from: '100% 80% 1x',
                to:   '100% 0% 1.7x',
                time: 3
            },
            { // #2
                src:  'flip-flops.jpg',
                alt:  'Flip Flops',
                from: '100% 80% 1.5x',
                to:   '80% 0% 1.1x',
                time: 2
            }
        ]
    );

如果用户希望看到第二个映像，您可以重新排序配置并 再次调用crossSlide（）。第二个图像将立即显示

$test3.crossSlide({
        fade: 1
    }, [
        { // #2
            src:  'flip-flops.jpg',
            alt:  'Flip Flops',
            from: '100% 80% 1.5x',
            to:   '80% 0% 1.1x',
            time: 2
        }, {
            //#1
            src:  'sand-castle.jpg',
            alt:  'Sand Castle',
            from: '100% 80% 1x',
            to:   '100% 0% 1.7x',
            time: 3
        }
    ]
);

例如，分页代码可以类似于：

<a class='change_img' data-img='1' style='cursor: pointer'>#1</a>
<a class='change_img' data-img='2' style='cursor: pointer'>#2</a>
...
<a class='change_img' data-img='5' style='cursor: pointer'>#5</a>

$('.change_img').live('click', function(){
    var images = [/* your configuration */]; 
    var idx = parseInt($(this).attr('data-img'));
    var tmp = images.splice(0, idx-1);
    images = images.concat(tmp);
    $('#your_placeholder').crossSlide({fade:1}, images);
});     

#1
#2
...
#5
$（'.change_img'）.live（'click'，function（）{
var-images=[/*您的配置*/]；
var idx=parseInt（$（this.attr（'data-img'））；
var tmp=图像拼接（0，idx-1）；
images=images.concat（tmp）；
$（“#您的#占位符”）.crossSlide（{fade:1}，图像）；
});     

你认为这种类型的幻灯片“分页”效果如何？我更喜欢这个站点中每个图像的项目符号移动方式……嗯。为什么不使用NivoSlider呢？但是。。！！我想没有像crossslide那样的平移和缩放。。我需要平移和缩放动画以及分页…郑海亮，谢谢你的回答，但我需要一个分页，点击后会发生变化…你给出的答案只能用代码完成。我想改变点击的图像…我想你会有一些按钮，点击会触发一些功能，以改变该图像。不是吗？是的。。。确切地我已经创建了项目符号，当单击每个项目符号时，我需要相应地更改图像！！我已经测试了代码。应该有用。您是否根据自己的页面更改了代码？e、 例如，“你的占位符”应该是你的占位符的id