Galeria Jquery
-
Hola, encontre una galeria Jquery pero tengo un problema, yo tengo 2 pc una con monitor de 17'' y una Notebook que no se las pulgadas que tiene la pantalla pero es un poco mas chica, la galeria en la notebook se corre de lugar, se que es por el CSS y la forma de posicion que tiene, pero si le pongo Float:left se corretodo de lugar
Css:
.foto {width: 990px; height:310px; margin-top:10px; margin-left:10px; background:#FFF;}
.foto IMG {
position:absolute;
top:180x;
left:73px;
z-index:8;
opacity:0.0;
}
.foto IMG.active {
z-index:10;
opacity:1.0;
}
.foto IMG.last-active {
z-index:9;
}
jaquery:
/***
Simple jQuery Slideshow Script
Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it
***/
function slideSwitch() {
var $active = $('.foto IMG.active');
if ( $active.length == 0 ) $active = $('.foto IMG:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next()
: $('.foto IMG:first');
// uncomment the 3 lines below to pull the images in random order
// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 10000 );
});
Html:


