hola hice una galeria con este efecto , y cuando el mouse se para en una de ellas se muestra en un div en su tamaño real... esta es la clase php
y ese es el funcion.js
el problema es que hay unas fotos que no se visualizan como si no tomara el script estas imagenes son las que se repiten cuando se acaba las fotos..que puede ser
saludos
Código:
<?php
require_once 'gallery.php';
?>
<?php
?>
<html>
<head>
<title>Tracker</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="STYLESHEET" type="text/css" href="estilo/estilohome.css">
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jcarousellite_1.0.1.pack.js"></script>
<script type="text/javascript" src="jqlib/funcion.js"></script>
<body>
<div class="contenedor">
<div class="encabezado"></div>
<div class="cuerpo">
<hr>
<div id="foto"></div>
<button class="prev"><<</button>
<button class="next">>></button>
<div class="anyClass">
<ul>
<?php
$gale = new gallery();
$gale->loadFolder('gran/min');
//---Crear la galerÃ***a con los nombres de todos los archivos
$total = count($gale->files);
$cont = 0;
//---Situar los thumbnails
for($i = 0; $i < $total; $i++){
echo '<li><img id="'.$gale->files[$i].'" border="4px" class="thumb" src="'.$gale->path.'/'.$gale->files[$i].'" /></li>';
}
?>
</ul>
</div>
</div>
<script type="text/javascript">
$(function() {
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev"
});
});
</script>
<hr>
</div>
</body>
</html>
y ese es el funcion.js
Código:
// nuestro script estará disponible cuando el todo documento haya terminado de cargarse
$(document).ready(function(){
// luego, el truco deberá realizarse únicamente cuando el usuario mueva el puntero sobre las miniaturas
$('.thumb').mouseover(function(){
// obtenemos el valor del atributo ID de la miniatura
var imagen = this.id;
// luego, asignamos ese valor, como fondo del <div> con ID "foto"
$('#foto').css('background-image', 'url(gran/' + imagen +')');
});
});
el problema es que hay unas fotos que no se visualizan como si no tomara el script estas imagenes son las que se repiten cuando se acaba las fotos..que puede ser
saludos