更改 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&nbsp; July&nbsp; 25 &nbsp;2015, &nbsp; <b id='urk'>Urk </b>&nbsp; (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' 将被渲染。只需决定何时执行代码行。