Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/apache-spark/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 正在尝试更改某个<;a>;标签_Javascript_Html_Css_Slideshow - Fatal编程技术网

Javascript 正在尝试更改某个<;a>;标签

Javascript 正在尝试更改某个<;a>;标签,javascript,html,css,slideshow,Javascript,Html,Css,Slideshow,我在youtube上查阅了这本关于如何使用javascript创建一个简单幻灯片的指南,它工作得非常完美。但是,我希望每个图像都链接到一个特定的href,以便用户导航 <div id="slider_news"> <a href="news1.html" id="slider_link"><imglink><img src="images/img1.jpg" id="image"></imglink></a>

我在youtube上查阅了这本关于如何使用javascript创建一个简单幻灯片的指南,它工作得非常完美。但是,我希望每个图像都链接到一个特定的href,以便用户导航

<div id="slider_news">
    <a href="news1.html" id="slider_link"><imglink><img src="images/img1.jpg" id="image"></imglink></a>
    <div class="left_hold"><img onClick="img(-1)" class="left" src="images/arrow_left.png"></div>
    <div class="right_hold"><img onClick="img(1)" class="right" src="images/arrow_right.png"></div
</div>

总计){imageCount=1;}
如果(imageCount<1){imageCount=total;}
image.src=“images/img”+imageCount+“.jpg”;
var sliderlink=document.getElementById(“slider_-link”);
如果(imageCount=2){sliderlink.href=“news2.html”}//img2.jpg链接
else if(imageCount=3){sliderlink.href=“news3.html”}//img3.jpg链接
else if(imageCount=4){sliderlink.href=“news4.html”}//img4.jpg链接
else if(imageCount=5){sliderlink.href=“news5.html”}//img5.jpg链接
}
setInterval(函数imgA(){
var image=document.getElementById('image');
imageCount=imageCount+1;
如果(imageCount>total){imageCount=1;}
如果(imageCount<1){imageCount=total;}
image.src=“images/img”+imageCount+“.jpg”;
var sliderlink=document.getElementById(“slider_-link”);
如果(imageCount=2){sliderlink.href=“news2.html”}//img2.jpg链接
else if(imageCount=3){sliderlink.href=“news3.html”}//img3.jpg链接
else if(imageCount=4){sliderlink.href=“news4.html”}//img4.jpg链接
else if(imageCount=5){sliderlink.href=“news5.html”}//img5.jpg链接
},5000);
这是我的javascript代码,我使用标记的ID从标记中生成一个变量,然后只添加4个else if语句,并为正确的图像编号添加正确的页面。我基本上添加了从“var sliderlink”开始的所有内容到之前的工作滑块

我遇到的问题是,html在循环中只更改一次,并且永远停留在该页面上(news2.html)。一旦我点击图片并直接进入页面,整个幻灯片就会开始表现得很古怪,而不是按照图片顺序等等


如果代码看起来有点笨拙和杂乱无章,我很抱歉,但希望您能理解我做错了什么。

您的ifs使用
=
操作符,而不是
=
=
操作符。试试这个:

if(imageCount === 2){sliderlink.href = "news2.html";} //img2.jpg link
else if(imageCount === 3){sliderlink.href = "news3.html";} //img3.jpg link
else if(imageCount === 4){sliderlink.href = "news4.html";} //img4.jpg link
else if(imageCount === 5){sliderlink.href = "news5.html";} //img5.jpg link
另外,在
setInterval
调用中,您不应该试图命名传递给它的函数。 尝试:

而不是

window.setInterval(function imgA() {

您的ifs使用
=
运算符,而不是
=
==
运算符。试试这个:

if(imageCount === 2){sliderlink.href = "news2.html";} //img2.jpg link
else if(imageCount === 3){sliderlink.href = "news3.html";} //img3.jpg link
else if(imageCount === 4){sliderlink.href = "news4.html";} //img4.jpg link
else if(imageCount === 5){sliderlink.href = "news5.html";} //img5.jpg link
另外,在
setInterval
调用中,您不应该试图命名传递给它的函数。 尝试:

而不是

window.setInterval(function imgA() {

您的ifs使用
=
运算符,而不是
=
==
运算符。试试这个:

if(imageCount === 2){sliderlink.href = "news2.html";} //img2.jpg link
else if(imageCount === 3){sliderlink.href = "news3.html";} //img3.jpg link
else if(imageCount === 4){sliderlink.href = "news4.html";} //img4.jpg link
else if(imageCount === 5){sliderlink.href = "news5.html";} //img5.jpg link
另外,在
setInterval
调用中,您不应该试图命名传递给它的函数。 尝试:

而不是

window.setInterval(function imgA() {

您的ifs使用
=
运算符,而不是
=
==
运算符。试试这个:

if(imageCount === 2){sliderlink.href = "news2.html";} //img2.jpg link
else if(imageCount === 3){sliderlink.href = "news3.html";} //img3.jpg link
else if(imageCount === 4){sliderlink.href = "news4.html";} //img4.jpg link
else if(imageCount === 5){sliderlink.href = "news5.html";} //img5.jpg link
另外,在
setInterval
调用中,您不应该试图命名传递给它的函数。 尝试:

而不是

window.setInterval(function imgA() {


什么是
imglink
标记?忽略它只是我制作的一个标记,用于在悬停时使图像变得更亮<代码>imglink:hover{-webkit过滤器:亮度(120%);}。我认为这不应该是个问题?看起来不是。但请阅读一些。什么是
imglink
标签?忽略这只是我制作的一个标签,让悬停时的图像变得更亮<代码>imglink:hover{-webkit过滤器:亮度(120%);}。我认为这不应该是个问题?看起来不是。但请阅读一些。什么是
imglink
标签?忽略这只是我制作的一个标签,让悬停时的图像变得更亮<代码>imglink:hover{-webkit过滤器:亮度(120%);}。我认为这不应该是个问题?看起来不是。但请阅读一些。什么是
imglink
标签?忽略这只是我制作的一个标签,让悬停时的图像变得更亮<代码>imglink:hover{-webkit过滤器:亮度(120%);}。我认为这不应该是个问题?看起来不是。但是读了一些。哦,天哪,是不是真的操作员lol:P已经几个月没有做java/javascript了,我仍然只知道最基本的,所以我完全忘记了。。。。。非常感谢!!!!在我的html中,我不需要设置
使其工作,因此需要一个名称吗?不,需要在加载时执行
窗口。setInterval
调用。完成后,您传递的annonymous函数将定期执行。我如何执行它?相同的方法,只需切换名称?加载页面时,浏览器将执行脚本标记中的代码。调用
setInterval
没有问题(我想……我对它缺乏一些了解:-()但是其他事情,比如访问DOM,最好是通过其他事件来完成,比如在Oh man中,是不是真的是操作员lol:P已经几个月没有使用java/javascript了,我仍然只知道最基本的内容,所以我完全忘记了……非常感谢!!!!在我的html中,我不需要设置
,它才能工作,因此需要一个名称吗?否,
窗口。setInterval
调用需要在加载时执行。一旦完成,您传递的annonymous函数将定期执行。如何执行该函数?使用相同的方法并切换名称?脚本标记中的代码在页面加载时由浏览器执行。调用
setInterval
没有问题(我想……我对它缺乏一些了解:-()但是其他事情,比如访问DOM,最好是通过其他事件来完成,比如在Oh man中,是不是真的是操作员lol:P已经几个月没有使用java/javascript了,我仍然只知道最基本的内容,所以我完全忘记了……非常感谢!!!!在我的html中,我不需要设置
,它才能工作,因此需要一个名称吗?不,需要在加载时执行
窗口.setInterval
调用。完成后,您传递的匿名函数将定期执行。我如何执行该函数?使用相同的方法并切换名称?c