Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/02/2012, 18:22
Avatar de catpaw
catpaw
 
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 14 años, 6 meses
Puntos: 23
ahorro de codigo?

que tal gente, aca les traigo este caso, veran tengo un carrucel donde tomo videos de youtube, al dar clic sobre alguno se abre un simple modal con el video correspondiente.

Actualmente tengo 9 videos en lista, tal vez en el futuro sean mas, el cdigo para llamarlos es el siguiente:

Código HTML:
<script>
jQuery('#viD_1').click(function() {
 jQuery('#show_video1').modal();
});
</script>
<div id="show_video1" style='display:none'>
	<div style="text-align:center;">
	<object width="640" height="360">
        <param name="movie" value="http://www.youtube.com/v/t85p39OMWi8"></param>
        <param name="autoplay" value="true"></param>
	<embed src="http://www.youtube.com/v/t85p39OMWi8&autoplay=1" type="application/x-shockwave-flash" width="640" height="360" autoplay="true"></embed>
	</object>
	</div> 
</div>
<script>
jQuery('#viD_2').click(function() {
	  jQuery('#show_video2').modal();
});
</script>
<div id="show_video2" style='display:none'>
	<div style="text-align:center;">
	<object width="598" height="398">
	<param name="movie" value="http://www.youtube.com/v/V15EIYhhKrI"></param>
	<embed src="http://www.youtube.com/v/V15EIYhhKrI&autoplay=1" type="application/x-shockwave-flash" width="640" height="360" autoplay="true"></embed>
	</object>
        </div> 
</div>
<script>
jQuery('#viD_3').click(function() {
	  jQuery('#show_video3').modal();
});
</script>
<div id="show_video3" style='display:none'>
	<div style="text-align:center;">
	<object width="598" height="398">
	<param name="movie" value="http://www.youtube.com/v/UfVma8T0EMU"></param>
	<embed src="http://www.youtube.com/v/UfVma8T0EMU&autoplay=1" type="application/x-shockwave-flash" width="640" height="360" autoplay="true"></embed>
	</object>
	</div> 
</div>

<!-- y asi hasta llegar al 9 --> 
pues la pregunta es ¿se puede hacer un loop para esto, algo asi:

jQuery('#viD_<?php echo $i ?>')
jQuery('#show_video<?php echo $i ?>').modal();
<div id="show_video<?php echo $i ?>" style='display:none'>

meter en un arreglo las urls de youtube

<embed src="<?php echo $url[1] ?>" type="application/x-shockwave-flash" width="640" height="360" autoplay="true">

si será posible o estoy jejeje
como seria?

Gracias