更改 src + 图片标题
change src + image title
我正在更改 img src 以创建一种幻灯片,我希望我的照片下的文本根据 src 进行更改,我尝试使用 replacewith() 但它不起作用,有人可以帮忙吗?那太棒了!
<script>
$(document).ready(function(){
var image_tracker='36'
function slide()
{
var image = document.getElementById('intro');
if(image_tracker==='36')
{
image.src='galerie/37l.jpg';
image_tracker='37';
}
else if(image_tracker=='37'){
image.src='galerie/38l.jpg';
image_tracker='38';
}
else if(image_tracker==='38'){
image.src='galerie/39l.jpg';
image_tracker='39';
}
else if(image_tracker==='39'){
image.src='galerie/40l.jpg';
image_tracker='40';
}
else if(image_tracker==='40'){
image.src='galerie/41l.jpg';
image_tracker='41';
}
else if(image_tracker==='41'){
image.src='galerie/42l.jpg';
image_tracker='42';
}
else if(image_tracker==='42'){
image.src='galerie/43l.jpg';
image_tracker='43';
}
else if(image_tracker==='43'){
image.src='galerie/44l.jpg';
image_tracker='44';
}
else if(image_tracker==='44'){
image.src='galerie/45l.jpg';
image_tracker='45';
}
else if(image_tracker==='45'){
image.src='galerie/46l.jpg';
image_tracker='46';
}
else{
image.src==='galerie/backintroju.jpg';
image_tracker='36';
}}
var b = window.setInterval('slide()',1500);
</script>
<body>
<div id='photos'><img src='galerie/backintroju.jpg'id='intro'class='responsivegal'/></div>
<div id='infosphotos' class='t37'>08:55am July 25 2015, <b id='urk'>Urk </b> (The Netherlands)</div>
<div id='boutondroite'> <a href='l37.html'><img src='image1/droite.png'class='responsivebouton'/></a> </div>
<div id='fermer'><a href='photos.html'><img src='image1/fermer3.png'class='responsivebouton'/></a></div>
</body>
您可以使用 innerHTML
属性 更改任何元素的内容。
<div id="foo">
First this text
</div>
这将只呈现行 'First this text',尽管使用此脚本
<script>
document.getElementById("foo").innerHTML = "Now this text";
</script>
行 'Now this text' 将被渲染。只需决定何时执行代码行。
我正在更改 img src 以创建一种幻灯片,我希望我的照片下的文本根据 src 进行更改,我尝试使用 replacewith() 但它不起作用,有人可以帮忙吗?那太棒了!
<script>
$(document).ready(function(){
var image_tracker='36'
function slide()
{
var image = document.getElementById('intro');
if(image_tracker==='36')
{
image.src='galerie/37l.jpg';
image_tracker='37';
}
else if(image_tracker=='37'){
image.src='galerie/38l.jpg';
image_tracker='38';
}
else if(image_tracker==='38'){
image.src='galerie/39l.jpg';
image_tracker='39';
}
else if(image_tracker==='39'){
image.src='galerie/40l.jpg';
image_tracker='40';
}
else if(image_tracker==='40'){
image.src='galerie/41l.jpg';
image_tracker='41';
}
else if(image_tracker==='41'){
image.src='galerie/42l.jpg';
image_tracker='42';
}
else if(image_tracker==='42'){
image.src='galerie/43l.jpg';
image_tracker='43';
}
else if(image_tracker==='43'){
image.src='galerie/44l.jpg';
image_tracker='44';
}
else if(image_tracker==='44'){
image.src='galerie/45l.jpg';
image_tracker='45';
}
else if(image_tracker==='45'){
image.src='galerie/46l.jpg';
image_tracker='46';
}
else{
image.src==='galerie/backintroju.jpg';
image_tracker='36';
}}
var b = window.setInterval('slide()',1500);
</script>
<body>
<div id='photos'><img src='galerie/backintroju.jpg'id='intro'class='responsivegal'/></div>
<div id='infosphotos' class='t37'>08:55am July 25 2015, <b id='urk'>Urk </b> (The Netherlands)</div>
<div id='boutondroite'> <a href='l37.html'><img src='image1/droite.png'class='responsivebouton'/></a> </div>
<div id='fermer'><a href='photos.html'><img src='image1/fermer3.png'class='responsivebouton'/></a></div>
</body>
您可以使用 innerHTML
属性 更改任何元素的内容。
<div id="foo">
First this text
</div>
这将只呈现行 'First this text',尽管使用此脚本
<script>
document.getElementById("foo").innerHTML = "Now this text";
</script>
行 'Now this text' 将被渲染。只需决定何时执行代码行。