0

私はブートストラップテーマでWordPressに取り組んでいます。ページで動画を開くためにモーダル ボックスを使用しています。問題は、同じリンクで 2 つの異なる動画を開きたいということです。可能ですか? そのリンクをクリックすると、1 つのビデオが表示され、別のクリックでもう 1 つのビデオがモーダル ボックスに表示されます。

モーダルボックスのコードは次のとおりです。

<div id="myModal1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-body">
<button type="button" class="close well" data-dismiss="modal">×</button><br />
    <iframe width="480" height="360" src="http://www.youtube.com/embed/tgOFI5xAKU0?rel=0" frameborder="0" allowfullscreen></iframe>
  </div>
</div>​

そして、ここに私がクリックしているリンクがあります：

<li class="span3"><a data-target="#myModal1" data-toggle="modal" href=""><img src="my image url" alt="" /></a>
<div class="image_caption">Faculty Speak &gt;&gt;</div></li>
4

1 に答える 1

0

あなたが遭遇する問題は、モーダルが何をいつ表示するかをどのように知るかということだと思います。このアプローチにはUXの問題があると思います。以下にいくつかの例を示します。

  1. ユーザーがリンクを 3 回クリックするとどうなりますか?
  2. ユーザーは、リンクを再度クリックする必要があることをどのように認識していますか?
  3. 誤ってモーダルを閉じた場合はどうなりますか? 視聴していたビデオに戻ることができますか、それとも次のビデオを開くことができますか?

2 番目のモーダルを開く 2 番目のリンクを簡単に追加できます。既存のモーダルを複製し、その ID を「myModal2」に変更するだけです

于 2012-12-18T07:28:27.853 に答える