3

第一次在这里发海报！所以我有这个我一直在试验的旋转木马。我知道它是如何工作的基础知识，并决定开始研究 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 缩略图？第二个问题是如何在视频播放完毕后更换幻灯片？就像我连续有多个视频一样，我如何让它结束一个并移动到下一个？我不希望它们自动播放，只需在视频结束后立即更改幻灯片，否则我根本不希望轮播移动。因此这条线：

<div><a href="#" id="carouselstop"></a></div>

那是我暂时能想到的最好的解决办法。我不知道还有什么，因为我是 html 代码的新手。（我来自 Java 和 C++）如果这令人困惑，请告诉我！我提前道歉以及我的感谢！

4

0 回答 0