点击图片幻灯片 [英] Click photo slideshow
本文介绍了点击图片幻灯片的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我试图让我的照片出现在序列当我点击他们中的每一个。 当我点击它进入到第二个第一的形象，但我没有得到同样的三分之一。
在code。在主要页面：
＆LT;脚本＆GT;
函数loadXMLDoc（）把
{
VAR XMLHTTP;
如果（window.XMLHtt prequest）
{// $ C $下IE7 +，火狐，Chrome，歌剧，Safari浏览器
XMLHTTP =新XMLHtt prequest（）;
}
其他
{// code对IE6，IE5
XMLHTTP =新的ActiveXObject（Microsoft.XMLHTTP）;
}
xmlhttp.onreadystatechange =功能（）
{
如果（xmlhttp.readyState == 4和＆安培; xmlhttp.status == 200）
{
的document.getElementById（myDiv）的innerHTML = xmlhttp.responseText。
}
}
xmlhttp.open（GET，ajax_info.html，真正的）;
xmlhttp.send（）;
}
＆LT; / SCRIPT＆GT;
＆LT; DIV ID =myDiv＆GT;
＆其中; H2＆GT;＆其中a取代;＆所述按钮类型=提交的onclick =loadXMLDoc（）把＆GT;＆所述; IMG SRC =/ project2_ver3 / VOR / pic5.jpgALT =VOR宽度=540高度=418/＆GT;＆LT; / A＆GT;＆LT; /按钮＆GT;＆LT; / H＆GT;
＆LT; / DIV＆GT;
那么code位于 ajax_info.html
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML＆GT;
＆LT;身体GT;
＆LT;脚本＆GT;
功能loadXMLDoc2（）
{
VAR XMLHTTP;
如果（window.XMLHtt prequest）
{// $ C $下IE7 +，火狐，Chrome，歌剧，Safari浏览器
XMLHTTP =新XMLHtt prequest（）;
}
其他
{// code对IE6，IE5
XMLHTTP =新的ActiveXObject（Microsoft.XMLHTTP）;
}
xmlhttp.onreadystatechange =功能（）
{
如果（xmlhttp.readyState == 4和＆安培; xmlhttp.status == 200）
{
的document.getElementById（myDivv）的innerHTML = xmlhttp.responseText。
}
}
xmlhttp.open（GET，\ project2_ver3 \ ajax_infoo.html，真正的）;
xmlhttp.send（）;
}
＆LT; / SCRIPT＆GT;
＆LT; DIV ID =myDivv＆GT;
＆LT; H2＆GT;＆LT;按钮类型=提交的onclick =loadXMLDoc2（）＆GT;＆LT; IMG SRC =/ project2_ver3 / VOR / pic2.jpgALT =VORWIDTH =540HEIGHT =418 /＆GT;＆LT; /按钮＆GT;＆LT; / H＆GT;
＆LT; / DIV＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
最后，code位于 ajax_infoo.html
（code整理）：
xmlhttp.open（GET，ajax_infooo.html，真正的）;
xmlhttp.send（）;
}
＆LT; / SCRIPT＆GT;
＆LT; DIV ID =myDiv＆GT;
＆LT; H2＆GT;＆LT;按钮类型=提交的onclick =loadXMLDoc2（）＆GT;＆LT; IMG SRC =/ project2_ver3 / VOR / pic1.jpgALT =VORWIDTH =540HEIGHT =418 /＆GT;＆LT; /按钮＆GT;＆LT; / H＆GT;
＆LT; / DIV＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
解决方案
现在的问题是，你是更换整个myDiv的innerHTML。这样做将取消您写的按钮的onclick功能。 尝试解决这一问题。这应该解决这个问题。
I am trying to make my photos appear in sequence when I click each one of them. When I click the first image it goes to the second, but I don't get the same for the third.
The code at the main page:
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax_info.html",true);
xmlhttp.send();
}
</script>
<div id="myDiv">
<h2><a><button type="submit" onclick="loadXMLDoc()"><img src="/project2_ver3/vor/pic5.jpg" alt="vor" width="540" height="418"/></a></button></h2>
</div>
Then the code at ajax_info.html:
<!DOCTYPE html>
<html>
<body>
<script>
function loadXMLDoc2()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDivv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","\project2_ver3\ajax_infoo.html",true);
xmlhttp.send();
}
</script>
<div id="myDivv">
<h2><button type="submit" onclick="loadXMLDoc2()"><img src="/project2_ver3/vor/pic2.jpg" alt="vor" width="540" height="418"/></button></h2>
</div>
</body>
</html>
And finally, the code at ajax_infoo.html:
(code trimmed):
xmlhttp.open("GET","ajax_infooo.html",true);
xmlhttp.send();
}
</script>
<div id="myDiv">
<h2><button type="submit" onclick="loadXMLDoc2()"><img src="/project2_ver3/vor/pic1.jpg" alt="vor" width="540" height="418"/></button></h2>
</div>
</body>
</html>
解决方案
The problem is that you are replacing the complete "myDiv" innerHTML. Doing this will deactivate the onclick function you wrote for the button. Try addressing that problem. That should solve it.
这篇关于点击图片幻灯片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
