初ポスターはこちら！だから私は実験してきたこのカルーセルを持っています。私はそれがどのように機能するかの基本を知っているので、カルーセルで YouTube 動画がどのように機能するかをいじり始めることにしました。現在のコードは次のとおりです。
<br>
<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="jslidernews2" class="lof-slidecontent" style="width:600px; height:300px;">
<div class="preload">
<div></div>
</div>
<!-- MAIN CONTENT -->
<div class="main-slider-content" style="width:450px; height:278px;">
<ul class="sliders-wrap-inner">
<li><a href="index1.html">
</a><a href="http://www.facebook.com/events/186540518133184/"><img src="/images/video_wall.png" title="" height="278" width="450"> </a>
</li>
<li>
<a href="t-lessons.aspx"><img src="/images/lessons_registering.png" title="" height="278" width="450"></a>
</li>
<li>
<a href="aeRntSchoolSelect.aspx"><img src="/images/e_rentals.png" height="278" width="450"></a>
</li>
<li>
<a href="http://stores.ebay.com/Brass-Bell-Music-Store"><img src="/images/ebay_event.png" height="278" width="450"></a>
</li>
<li>
<iframe height="278" width="450" src="http://www.youtube.com/embed/ZkK4D3eOYb0" frameborder="0" allowfullscreen></iframe>
</li>
</ul>
</div>
<!-- END MAIN CONTENT -->
<!-- NAVIGATOR -->
<div class="navigator-content">
<div class="navigator-wrapper">
<ul class="navigator-wrap-inner">
<li>
<div>
<img src="/images/thumbs/video_wall_2.png">
</div>
</li>
<li>
<div>
<img src="/images/thumbs/lessons_registering_2.png">
</div>
</li>
<li>
<div>
<img src="/images/thumbs/e_rentals_2.png">
</div>
</li>
<li>
<div>
<img src="/images/ebay_event.png">
</div>
</li>
<li>
<div>
<img src="/images/ebay_event.png">
</div>
</li>
</ul>
</div>
</div>
<!----------------- END OF NAVIGATOR --------------------->
<div><a href="#" id="carouselstop"></a></div>
</div>
動作中のコードを見ることができます。リンクは次のとおりです: http://www.brassbellmusic.com/t-test1.aspx ご覧の とおり、サイド ロゴとメイン イメージ/ビデオがあります。ビデオに関する私の最初の質問は、YouTube のビデオの実際の YouTube サムネイルのように、ビデオの側面にどのように画像を取得し、イメージするかということです。2 番目の質問は、ビデオが終了したときにスライドを変更するにはどうすればよいですか? 複数の動画が連続している場合、1 つの動画を終了して次の動画に移動するにはどうすればよいですか? ビデオが終了したらすぐにスライドを変更するだけです。それ以外の場合は、カルーセルをまったく動かしたくありません。したがって、次の行：
<div><a href="#" id="carouselstop"></a></div>
それが、私が今思いつくことができる最善の修正でした。私はhtmlコードが初めてなので、他に何をすべきかわかりません。(私は Java と C++ から来ました) これが少しでもわかりにくかったら、私に知らせてください! 事前にお詫びと感謝を申し上げます！