Html 幻灯片放映控制动作_Html_Controls_Slideshow_Playback

Html 幻灯片放映控制动作

html

Html 幻灯片放映控制动作,html,controls,slideshow,playback,Html,Controls,Slideshow,Playback,我正在尝试为我的幻灯片图像设置一个控件。除了自动播放之外，我还需要一个“下一步”和“上一步”按钮，如果我想的话，可以更快地跨越图像这是我到目前为止的代码。请帮忙。谢谢 <head> <script type="text/javascript"> var image1 = new Image() image1.src = "img/head/facebook.png" var image2 = new Image() image2.src = "img/head/mess

我正在尝试为我的幻灯片图像设置一个控件。除了自动播放之外，我还需要一个“下一步”和“上一步”按钮，如果我想的话，可以更快地跨越图像

这是我到目前为止的代码。请帮忙。谢谢

<head>
<script type="text/javascript">
var image1 = new Image()
image1.src = "img/head/facebook.png"
var image2 = new Image()
image2.src = "img/head/mess.png"
var image3 = new Image()
image3.src = "img/head/skype.png"
var image4 = new Image()
image4.src = "img/head/twitter.png"
</script>
</head>
<body>
<p><img src="img/head/facebook.png" width="39" height="45" name="slide" /></p>
<script type="text/javascript">
        var step=1;
        function slideit()
        {
            document.images.slide.src = eval("image"+step+".src");
            if(step<4)
                step++;
            else
                step=1;
            setTimeout("slideit()",2500);
        }
        slideit();
</script>
</body>


var image1=新图像（）
image1.src=“img/head/facebook.png”
var image2=新图像（）
image2.src=“img/head/mess.png”
var image3=新图像（）
image3.src=“img/head/skype.png”
var image4=新图像（）
image4.src=“img/head/twitter.png”

var阶跃=1；
函数slideit（）
{
document.images.slide.src=eval（“image”+step+“.src”）；
如果（步骤放置以下代码：
HTML


JAVASCRIPT
$（文档）.ready（函数（）{
$（“#nex”）。单击（函数（）{
document.images.slide.src=eval（“image”+step+“.src”）；
如果（步骤
<a href="#" name="pre">Previous</a>
<a href="#" name="nex">Next</a>

$(document).ready(function() {
$("#nex").click(function(){
document.images.slide.src = eval("image"+step+".src");
            if(step<4)
                step++;
            else
                step=1;
});
$("#pre").click(function(){
step--;
if(step=1)
step=4;
document.images.slide.src = eval("image"+step+".src");
            });
});