A ver si me podéis echar una mano con este código que no sé por donde hincarle el diente.
Lo que quiero es cargar vídeos de youtube mediante botones y jquery ajax. O sea, una especie de galería de vídeos de youtube.
Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
function chargue(div, of){
$(div).load(of, function() {
});
}
</script>
</head>
<body>
<?php
include("conexion.php");
$videos= new Conexion();
$videos->conectar();
$consulta=mysql_query("SELECT * FROM VIDEOS");
while($fila=mysql_fetch_array($consulta)){
$id=$fila["id"];
$urlmin=$fila["urlmin"];
$urlvid=$fila["urlvid"];
$titlevid=$fila["titlevid"];
$titleimg=$fila["titleimg"];
if($fila["id"]<6)
{?>
<div class='miniaturas2'>
<a href='#' class='animabot' onclick="chargue('#contenedor','videos/<?php echo $urlvid ?>');">
<img src='mini/<?php echo $urlmin ?>' width='60' height='34' title='<?php echo $titlevid ?>'/>
</a>
</div>
<?php }
else { ?>
<div class='miniaturas'>
<a href='#' class='animabot' onclick="chargue('#contenedor','videos/<?php echo $urlvid ?>');">
<img src='mini/<?php echo $urlmin ?>' width='60' height='34' title='<?php echo $titlevid ?>'/>
</a>
</div>
<?php }}?>
<div id="contenedor"></div>
EJEMPLO DE VÍDEOS QUE QUIERO CARGAR EN #contenedor:
Código:
<div class="video">
<iframe width="460" height="282"
src="//www.youtube.com/embed/F2nKGYYiY?rel=0&showinfo=0&autoplay=1"
frameborder="0" allowfullscreen></iframe>
</div>
<div class="titulo"><span class="titulovideo2">Sunday</span>
</div>
El código funciona bien, con una base de datos y peticiones PHP voy cargando la información en los respectivos botones.
Quiero mostrar 12 botones por página.
Lo que quiero es añadir un botón para que muestre los 12 siguientes y luego los 12 siguientes y así sucesivamente. Me gustaría que se cargase mediante jquery ajax.
¿Alguien me echa una mano?