Js制作简易相册一个小问题，如何让"没有了"自动变回"下一张"？

JavaScript020

Js制作简易相册一个小问题，如何让"没有了"自动变回"下一张"？,第1张

我觉得你问这个问题 是因为没看懂这段代码

var next=document.getElementById("next")//这句是获取节点

next.value="没有了"//这句就是改变按钮的文字

所以你在n<3的时候再将next.value='上一张'就行了

下面是用css旋转图片，用js换className。

换图片地址后试试。

<!doctype html>

<html>

<head>

<style>

.css-turn-0{

    -moz-transform:matrix(1,0,0,1,0,0)

    -o-transform:matrix(1,0,0,1,0,0)

    -webkit-transform:matrix(1,0,0,1,0,0)

    transform:matrix(1,0,0,1,0,0)

    -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"

}

.css-turn-270{

    -moz-transform:matrix(0,-1,1,0,0,0)

    -o-transform:matrix(0,-1,1,0,0,0)

    -webkit-transform:matrix(0,-1,1,0,0,0)

    transform:matrix(0,-1,1,0,0,0)

    -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, SizingMethod='auto expand')"

}

.css-turn-180{

    -moz-transform:matrix(-1,0,0,-1,0,0)

    -o-transform:matrix(-1,0,0,-1,0,0)

    -webkit-transform:matrix(-1,0,0,-1,0,0)

    transform:matrix(-1,0,0,-1,0,0)

    -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')"

}

.css-turn-90{

    -moz-transform:matrix(0,1,-1,0,0,0)

    -o-transform:matrix(0,1,-1,0,0,0)

    -webkit-transform:matrix(0,1,-1,0,0,0)

    transform:matrix(0,1,-1,0,0,0)

    -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=-1, M21=1, M22=0, SizingMethod='auto expand')"

}

</style>

</head>

<body>

<img src="图片地址">

<script>

    var img = document.getElementsByTagName('img')[0],

        i = 1,

        css = ['css-turn-0', 'css-turn-90', 'css-turn-180', 'css-turn-270']

    img.onclick = function () {

        this.className = css[i++ % 4]

    }

</script>

</body>

</html>

Dreamweaver 8是一个制作网页的文件，在软件里可以使用网页代码，它没有什么特别的代码。

你所说的图片的代码，可以在网上查找，比如JS代码之类等等。

不过Dreamweaver可以安装插件，有些插件使用简单，而效果丰富。你也可以在网上找找，有关图片播放图片相册之类的插件还是比较多的。