Ayuda: galería js Hola
tengo una galeria de imagenes que hace scroll con el movimiento del mouse y con otro menu cambia de galeria.
El problema es que algunas galerias tienen mas imagenes que otras y cuando cambio de una a otra algunas imagenes quedan fuera del area visible pues el div que contiene las imagenes queda en la ultima posicion en que se dejo.
Lo que necesito es un afuncion que al hacer clik en el menu (los items del menu se llaman "#menu li") los elementos de la galeria (ul.sc_menu li) vuelvan a la posision inicial.
Sime pueden ayudar muchas gracias. A continuacion adjunto el codigo:
<SCRIPT type="text/javascript">/*<![CDATA[*/
$(function(){
//Get our elements for faster access and set overlay width
var div = $('div.sc_menu'),
ul = $('ul.sc_menu'),
ulPadding = 15;
//Get menu width
var divWidth = div.width();
//Remove scrollbars
div.css({overflow: 'hidden'});
//Find last image container
var lastLi = ul.find('li:last-child');
//When user move mouse over menu
div.mousemove(function(e){
//As images are loaded ul width increases,
//so we recalculate it each time
var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
div.scrollLeft(left);
});
});
/*]]>*/</SCRIPT>[/CENTER]
