2010-01-22 84 views
5

http://procollage.com/site10jQuery的周期:转到幻灯片#使用文本链接

请参阅此页我一直在工作,整天只是使文字:
•混合拼贴#1
•边距拼贴
•混合拼贴#2
•魔术马赛克
•混合拼贴#3

时,每次点击的幻灯片显示correspondi我只是想ng幻灯片。我认为这很简单,但是6个小时后,我还在挣扎。如果幻灯片在点击后可以继续,那将是很棒的......如果没有,我可以活下去。请帮忙!

回答

5

要回答你的问题,这里是完整的上下文:

<html> 
<head> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $('.samples').cycle({ 
     fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
    }); 
    }); 

    function setSlide(index) { 
    $('.samples').cycle(index); 
    } 
</script> 
</head> 
... 
... 
<a href="javascript:setSlide(0)">Blended Collage #1</a><br /> 
<a href="javascript:setSlide(1)">Bordered Collage</a> 
... 
... 
+0

JAKE,
它的工作!并不是我怀疑你。非常感谢。我从来不会想到这一点。请考虑让我们为您创建照片拼贴画! -dave – 2010-01-22 17:44:25

+0

很酷,很高兴听到。谢谢你的提议,但我会在拼贴画上进行下雨检查。大声笑 – JAKEtheJAB 2010-01-22 21:04:22

2

既然您使用的是jQuery循环插件,那么您可以使用这些链接作为每个中级演示here的寻呼机。

像这样使用菜单:

$('.samples').cycle({ 
    pager: '.menu_table' 
}); 

做了一个轻微的编辑在关于对周期插件元素引用(我已经从周期插件网站复制,但现在它是特定于您的循环中的要素这就是所谓的.samples)

0

下面是一个例子:

$('#goto2').click(function() { 
    $('#s1').cycle(1); 
    return false; 
}); 

所以对你爸第一个链接GE,那就是:

$('#s1 a:first').click(function() { 
    $('.samples').cycle(0); 
    return false; 
});