Javascript JS中的图像滑块不工作
我对js滑块使用了以下代码。但它只显示了第一幅图像: 在head标签中:Javascript JS中的图像滑块不工作,javascript,html,image,Javascript,Html,Image,我对js滑块使用了以下代码。但它只显示了第一幅图像: 在head标签中: <script> var slideimages = new Array() slideimages[0] = new Image() slideimages[0].src = 'mini.jpg'; slideimages[1] = new Image() slideimages[1].src = 'windows8.1.png'; slideimages[2] = new Image() slidei
<script>
var slideimages = new Array()
slideimages[0] = new Image()
slideimages[0].src = 'mini.jpg';
slideimages[1] = new Image()
slideimages[1].src = 'windows8.1.png';
slideimages[2] = new Image()
slideimages[2].src = 'jw.jpg';
slideimages[3] = new Image()
slideimages[3].src = 'aau.jpg';
slideimages[4] = new Image()
slideimages[4].src = 'f7.jpg';
</script>
var slidemages=新数组()
slideimages[0]=新图像()
slideimages[0].src='mini.jpg';
slideimages[1]=新图像()
slideimages[1].src='windows8.1.png';
slideimages[2]=新图像()
slideimages[2].src='jw.jpg';
slideimages[3]=新图像()
slideimages[3].src='aau.jpg';
slideimages[4]=新图像()
slideimages[4].src='f7.jpg';
在Body标签中:-<script>
var step = 0
var whichimage = 0
function slideit() {
if (!document.images) return
document.getElementById('slide').src = slideimages[step].src
whichimage = step;
setTimeout('slideit()', 2500);
if (step < 4) {
step++;
} else {
step = 0;
}
}
function slidelink() {
if (whichimage == 0) {
window.open('movies.php#mini');
}
if (whichimage == 1) {
window.open('software.php#win8.1');
}
if (whichimage == 2) {
window.open('movies.php#jw');
}
if (whichimage == 3) {
window.open('movies.php#aau');
}
if (whichimage == 4) {
window.open('movies.php#f7');
}
slideit();
</script>
<a href='javascript:slidelink()'><img src='mini.jpg' id='slide' width='640px' height='640px' /></a>
var步长=0
var whichimage=0
函数slideit(){
如果(!document.images)返回
document.getElementById('slide').src=slideimages[step].src
whichimage=step;
setTimeout('slideit()',2500);
如果(步骤<4){
step++;
}否则{
步长=0;
}
}
函数slidelink(){
如果(whichimage==0){
window.open('movies.php#mini');
}
如果(whichimage==1){
window.open('software.php#win8.1');
}
如果(whichimage==2){
open('movies.php#jw');
}
如果(whichimage==3){
window.open('movies.php#aau');
}
如果(whichimage==4){
window.open('movies.php#f7');
}
slideit();
你的问题是你从未关闭过你的slidelink
函数,它会抛出一个错误,使你的代码无法工作。
在函数末尾添加一个}
,它应该可以工作:
function slidelink() {
if (whichimage == 0) {
window.open('movies.php#mini');
}
if (whichimage == 1) {
window.open('software.php#win8.1');
}
if (whichimage == 2) {
window.open('movies.php#jw');
}
if (whichimage == 3) {
window.open('movies.php#aau');
}
if (whichimage == 4) {
window.open('movies.php#f7');
}
slideit();
}
检查一下你的控制台。这样可以避免此类错误/问题。尝试
setTimeout(slideit,2500)代码>。有错误吗?是因为您没有关闭slidelink
功能吗?它缺少一个}
。