0

タイトルの通り、imgタグをvideoタグに変更したいです。スライドショーを作成していますが、ArrayList の最後にビデオがあります。しかし、html コードでは、画像を表示するために img タグを使用しました。Array-List がビデオに来たら、img をビデオに変更したいと思います。

HTML コード:

 <div id="content1" class="section"> 
      <div class="menucont" >
                      Commercial Shoot for FILA, Lookbook SS2014</br>
                      Styled by Stephen Mann.</br>
                      Assisted by PYO KHANG.</br>
                      Models: Katja, ELITE MODELS</br>
      <div id="zahl1"> 1 / 20 </div>
      <div class="pfeil" onClick="zurueck1();"> < </div>
      <div class="pfeil" onClick="weiter1();"> > </div>
    </div>


    <div class="wraptocenter"><span></span><img src="../img/2lucy/serie/lucy_bytimothyschaumburg01.jpg" id="imgcont1" class="imgcontstyle" onClick="weiter1();">
    </div>
</div>

JS コード:

pic1 = new Array();
pic1[1] = new Image(); pic1[1].src = "../img/2lucy/serie/lucy_bytimothyschaumburg01.jpg";
pic1[2] = new Image(); pic1[2].src = "../img/2lucy/serie/lucy_bytimothyschaumburg02.jpg";
pic1[3] = new Image(); pic1[3].src = "../img/2lucy/serie/lucy_bytimothyschaumburg03.jpg";
pic1[4] = new Image(); pic1[4].src = "../img/2lucy/serie/lucy_bytimothyschaumburg04.jpg";
pic1[5] = new Image(); pic1[5].src = "../img/2lucy/serie/lucy_bytimothyschaumburg05.jpg";
pic1[6] = new Image(); pic1[6].src = "../img/2lucy/serie/lucy_bytimothyschaumburg06.jpg";
pic1[7] = new Image(); pic1[7].src = "../img/2lucy/serie/lucy_bytimothyschaumburg07.jpg";
pic1[8] = new Image(); pic1[8].src = "../img/2lucy/serie/lucy_bytimothyschaumburg08.jpg";
pic1[9] = new Image(); pic1[9].src = "../img/2lucy/serie/lucy_bytimothyschaumburg09.jpg";
pic1[10] = new Image(); pic1[10].src = "../img/2lucy/serie/lucy_bytimothyschaumburg10.jpg";
pic1[11] = new Image(); pic1[11].src = "../img/2lucy/serie/lucy_bytimothyschaumburg11.jpg";
pic1[12] = new Image(); pic1[12].src = "../img/2lucy/serie/lucy_bytimothyschaumburg12.jpg";
pic1[13] = new Image(); pic1[13].src = "../img/2lucy/serie/lucy_bytimothyschaumburg13.jpg";
pic1[14] = new Image(); pic1[14].src = "../img/2lucy/serie/lucy_bytimothyschaumburg14.jpg";
pic1[15] = new Image(); pic1[15].src = "../img/2lucy/serie/lucy_bytimothyschaumburg15.jpg";
pic1[16] = new Image(); pic1[16].src = "../img/2lucy/serie/lucy_bytimothyschaumburg16.jpg";
pic1[17] = new Image(); pic1[17].src = "../img/2lucy/serie/lucy_bytimothyschaumburg17.jpg";
pic1[18] = new Image(); pic1[18].src = "../img/2lucy/serie/lucy_bytimothyschaumburg18.jpg";
pic1[19] = new Image(); pic1[19].src = "../img/2lucy/serie/lucy_bytimothyschaumburg19.jpg";
pic1[20] = new Image(); pic1[20].src = "../img/2lucy/video/lucy.mp4";

var b=1;

function weiter1()
{
  ++b;
  if (b>20) b=1;
    document.getElementById('imgcont1').src = pic1[b].src;
    document.getElementById('zahl1').innerHTML = [b] + " / 20";
}

function zurueck1()
{
--b;
  if (b<1) b=20;
    document.getElementById('imgcont1').src = pic1[b].src;
    document.getElementById('zahl1').innerHTML = [b] + " / 20";
}

前もって感謝します、

マックス

PS: 私は Javascript を初めて使用します。

4

1 に答える 1

0

同様の問題があり、ここのスレッドが役に立ちました。要するに、タグのタイプを変更することはできません。ただし、適切なタイプの新しい要素を作成し、適切な場所に配置して、古い要素を削除することはできます。古い要素の子ノードを取得して、新しい要素にドロップすることもできます。

于 2013-10-31T22:55:17.990 に答える