apipe93
Usuario Novato
Usuario Novato

Hola amigos, en la red encontre un codigo javascript que me crea una galeria de videos, pero, solo me muestra los thumbails, hasta que presiono uno y se reproduce el video, quisiera saber si hay alguna forma de modificarlo , para que ya este un video listo para la reproduccion, de atemano muchas gracias, tambien quisiera saber si se puede el titulo del video, linkeado como el thumbail, es decir si se presiona el titulo que tambien se muestre el video, Este es el codigo:

Cita:

<style type='text/css'> .contvideogaleria img{width:100px;height:70px;padding:5px;border:1px solid #fff} .contvideogaleria{position:relative;width:100%;float:left;background:black url(http://1.bp.blogspot.com/_WvACVGW1i[....]AABtY/QRDdhZwVuUk/s1600/youtube.png) no-repeat center left;} .contvideogaleria .contvideogaleriaimg{margin:20px;margin-left:30px;/margin-left:20px;margin- right:5px} .contvideogaleria #videogaleria{float:right;margin-right:20px;margin-top:15px;background:red url(http://4.bp.blogspot.com/_lMNoba63R[....]b1hVltw/s1600/video-galeria-vku.png) no-repeat center ;} </style>

<div class="contvideogaleria"> <div id="videogaleria"></div> <div class="contvideogaleriaimg">

<a href="https://www.youtube.com/v/Hr0Wv5DJhuk" onclick="return cambiarvideo(this.href)" title="Video 1"><img src="http://img.youtube.com/vi/Hr0Wv5DJhuk/default.jpg" /></a>

<a href="https://www.youtube.com/v/boDvXJLau1A" onclick="return cambiarvideo(this.href)" title="Video 2"><img src="http://img.youtube.com/vi/boDvXJLau1A/default.jpg" /></a>

<a href="https://www.youtube.com/v/sf_-CA9Ecf0" onclick="return cambiarvideo(this.href)" title="Video 3"><img src="http://img.youtube.com/vi/sf_-CA9Ecf0/default.jpg" /></a>

<a href="https://www.youtube.com/v/dMH0bHeiRNg" onclick="return cambiarvideo(this.href)" title="Video 4"><img src="http://img.youtube.com/vi/dMH0bHeiRNg/default.jpg" /></a>

<a href="https://www.youtube.com/v/M11SvDtPBhA" onclick="return cambiarvideo(this.href)" title="Video 5"><img src="http://img.youtube.com/vi/M11SvDtPBhA/default.jpg" /></a>

<a href="https://www.youtube.com/v/uelHwf8o7_U" onclick="return cambiarvideo(this.href)" title="Video 6"><img src="http://img.youtube.com/vi/uelHwf8o7_U/default.jpg" /></a>

<a href="https://www.youtube.com/v/pRpeEdMmmQ0" onclick="return cambiarvideo(this.href)" title="Video 7"><img src="http://img.youtube.com/vi/pRpeEdMmmQ0/default.jpg" /></a>

<a href="https://www.youtube.com/v/_OBlgSz8sSM" onclick="return cambiarvideo(this.href)" title="Video 8"><img src="http://img.youtube.com/vi/_OBlgSz8sSM/default.jpg" /></a>

<a href="https://www.youtube.com/v/qrO4YZeyl0I" onclick="return cambiarvideo(this.href)" title="Video 9"><img src="http://img.youtube.com/vi/qrO4YZeyl0I/default.jpg" /></a>

<a href="https://www.youtube.com/v/kffacxfA7G4" onclick="return cambiarvideo(this.href)" title="Video 10"><img src="http://img.youtube.com/vi/kffacxfA7G4/default.jpg" /></a>

<a href="https://www.youtube.com/v/aR0KtjXaHbU" onclick="return cambiarvideo(this.href)" title="TVideo 11"><img src="http://img.youtube.com/vi/aR0KtjXaHbU/default.jpg" /></a>

<a href="https://www.youtube.com/v/b4TDr9V5Gn0" onclick="return cambiarvideo(this.href)" title="Video 12"><img src="http://img.youtube.com/vi/b4TDr9V5Gn0/default.jpg" /></a>

<a href="https://www.youtube.com/v/51di9WzCm-Q" onclick="return cambiarvideo(this.href)" title="Video 13"><img src="http://img.youtube.com/vi/51di9WzCm-Q/default.jpg" /></a>

<a href="https://www.youtube.com/v/6kUjpbdXg1A" onclick="return cambiarvideo(this.href)" title="Video 14"><img src="http://img.youtube.com/vi/6kUjpbdXg1A/default.jpg" /></a>

<a href="https://www.youtube.com/v/JyJ6-umD3Ao" onclick="return cambiarvideo(this.href)" title="Video 15"><img src="http://img.youtube.com/vi/JyJ6-umD3Ao/default.jpg" /></a>

<a href="https://www.youtube.com/v/EOu_9K9pjno" onclick="return cambiarvideo(this.href)" title="Video 16"><img src="http://img.youtube.com/vi/EOu_9K9pjno/default.jpg" /></a>

</div>

<!-- DE ACÁ PARA ABAJO NO TOCAR EL CÓDIGO --> <a href="http://loseasi.blogspot.com/2011/02/video-galeria-con-css-y-javascript.html" style="position:absolute; top: 15px; right: 15px;" target="_blank"><img style="width:14px; height:14px;border:0" src="http://2.bp.blogspot.com/_lMNoba63R[....]I/SW1xBJs4SEM/s1600/informacion.gif" /></a> </div>

<script type="text/javascript"> // Creado por Vku. // http://loseasi.blogspot.com/ function cambiarvideo( url ){ document.getElementById('videogaleria').innerHTML = '<object width="425" height="344"><param name="movie" value="' + url + '?fs=1&amp;hl=es_ES&amp;rel=0&amp;autoplay=1"/><param value="true" name="allowFullScreen"/><param value="always" name="allowscriptaccess"/><param value="transparent" name="wmode"/><embed width="425" height="344" wmode="transparent" allowfullscreen="true" allowscriptaccess="always" type="application/x-shockwave-flash" src="' + url + '?fs=1&amp;hl=es_ES&amp;rel=0&amp;autoplay=1"/></object>'; return false; } </script>

kikelidia
Machacateclados
Machacateclados

Galeria de fotos JavaScript

Aqui te dejo la descarga: DESCARGAR

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 09/May/2009, 12:50
ra2001 User 548425213kOct/09