Foro de elhacker.net

Buenas...

Es posible leer el valor CLASS o ID escrito en un <DIV> ??...
El punto es que con jQuery estoy haciendo un roll-over de imagenes, de forma que se muestra ima imagen grande (como imagen principal) e imagenes chicas por debajo de la imagen grande y una flecha de cada lado para ir rotando la imagen.

HAsta ahorita el proceso de imprimir la imagen principal y las imagenes chicas ya lo tengo echo con PHP, y agregando un HOVER sobre las imagenes chicas y conjugando jquery+php puedo hacer que la imagen principal grande cambie.

El problema es las flechitas, no se como puedo cambiarlas, ya que se supone que la FLECHA le asigno un CLASS el cual (en jquery) verifico el evento CLICK, si hizo clic, entonces el CLASS me indica la proxima IMAGEN a mostrar en la principal (imagen grande). PEro no encuentro como removerle esa class y asignarle una nueva que seria el "nombre_". ($i+1).

Estuve tratando con removeClass() y addClass, pero al hacer removeClass pues como su nombre indica "remuevo la clas" y ya no puedo escribirle la nueva clase :S....

Quieren ver el ejemplo ?, entren al sitio buyinmejico.com

Saludos !

http://www.pedroventura.com/blog_programacion/javascript/cambiar-el-nombre-de-una-clase-css-con-javascript-y-con-jquery/

Si bien jQury tiene metodos especificos para eso, se puede hacer directo:

$('#div_name').attr('class', nuevo_valor);

Saludos

Ya use removeClass() para quitar la clase y para poner una nueva clase ya probe aestas dos forma: addClass() y attr(). Efectivamente (inspeccionando) el elemento de la flecha (de la imagen grande) confirmo que se cambia la clase por la que debe ser, pero el roll-over solo gira una vez :(.

No es problema de logica, sino que es otra cosa que no comprendo :S...

El ejempl esta corriendo con el code actualizado, chequenlo porfavor en buyinmejico.com. El thumbnail de la imagen grande al darle click a la flecha, gira a la siguiente imagen, pero no puedo continuar hacia adelante. Las clases se cambian, pero como que esto no hace lo que quiero lograr.

=========== EDITADO

Creo que el problema es que despues de quitar la clase (removeClass()) y ponerle una nueva (attr() o addClass()), se supone que habilito se muestra la nueva imagen del conjunto de la galeria (display:block), y cuando el usuario vuelve a dar click en la flechita de siguiente (Derecha), tengo una linea que comprueba si estaa "hidden" la capa. Creo que en este punto las funciones addClass() y attr() solo cambiando el codigo en el momento, pero si se lee el elemento CLASS, daria el dato anterior (cuando se cargo la pagina).

En realidad estoy especulando.....

Espero su ayuda...

Saludos !

Ya lo corregi, quedo listo ahora y funcionando xD. Les comparto el code: http://pastebin.com/JjUEwMAj (http://pastebin.com/JjUEwMAj)

Gracias por su tiempo...

Saludos !