水平查看下一个/上一个视频(horizontally view next/prev videos)

水平查看下一个/上一个视频(horizontally view next/prev videos)

我有一组内嵌显示的视频。 我想一次显示一个视频，然后单击显示其余视频。

HTML

<div class="top-videos"> <h3>Top Videos</h3> <a href="#"><img src="images/example.jpg" width=225/></a> <a href="#"><img src="images/example.jpg" width=225/></a> <a href="#"><img src="images/example.jpg" width=225/></a> <a href="#"><img src="images/example.jpg" width=225/></a> <a href="#"><img src="images/example.jpg" width=225/></a> <nav class="previous">Previous</nav> <nav class="next">Next</nav> </div>

I have a set of videos displayed inline. I want to display one video at a time and display the rest on click.

HTML

<div class="top-videos"> <h3>Top Videos</h3> <a href="#"><img src="images/example.jpg" width=225/></a> <a href="#"><img src="images/example.jpg" width=225/></a> <a href="#"><img src="images/example.jpg" width=225/></a> <a href="#"><img src="images/example.jpg" width=225/></a> <a href="#"><img src="images/example.jpg" width=225/></a> <nav class="previous">Previous</nav> <nav class="next">Next</nav> </div>

最满意答案

那你有这个例子：

http://ikillcraft.a0001.net/slider/jcontent-video-example.htm

下载：

http://www.purosoftware.com/desarrollo-web-scripts-manipulacion-de-imagenes/descargar/10-jcontent-ejemplos-para-crear-sliders-de-contenido-html-fotos-videos-con-jquery- y-ajax.zip

手册（用西班牙语）

http://www.purosoftware.com/desarrollo-web-scripts-manipulacion-de-imagenes/10-slider-de-contenido-e-imagenes.html

我试过一个JSFiddle，但它不起作用。 :(

Well you have this example:

http://ikillcraft.a0001.net/slider/jcontent-video-example.htm

Download:

http://www.purosoftware.com/desarrollo-web-scripts-manipulacion-de-imagenes/descargar/10-jcontent-ejemplos-para-crear-sliders-de-contenido-html-fotos-videos-con-jquery-y-ajax.zip

Manual (it's in Spanish)

http://www.purosoftware.com/desarrollo-web-scripts-manipulacion-de-imagenes/10-slider-de-contenido-e-imagenes.html

I have try a JSFiddle but it doesn't work. :(