Duda de principiante en jQuery

[geclos]

Hola,

soy nuevo en jQuery y tengo una duda que creo será bastante fácil de resolver pero no encuentro la solución por ninguna parte.

Estoy intentando utilizar la función .show() de jQuery UI en una serie de imagenes. La idea es que vayan apareciendo una a una (tengo un setInterval ya configurado) para crear un slideshow más visual.

Asi pues lo que hago es seleccionar todas las imagenes con tag img en mi documento:

Código:

var selectedImg = $('img');

Y luego le aplico a cada imagen el method .show() así:

Código:

selectedImg[i].show('drop',1000);

Y la consola me tira el siguiente error: "selectedImg[i].show is not a function"...

El problema parece estar en "[i]" ya que si lo borro tal que así:

Código:

selectedImg.show('drop',1000);

El programa funciona... solo que mostrando todas las imagenes a la vez claro.

El resto del código funciona perfectamente (he probado el mismo slideshow con javascript a secas y funciona) así que deduzco que el problema está en que estoy iterando mal.

He leído en la especificación de jQuery sobre el method get() para conseguir un determinado elemento del array pero, de nuevo, si escribo esto:

Código:

var selectedImg = $('img').get(i);
	selectedImg.show('drop',1000);

La cosa no funciona..

Alguna idea de lo que puede estar pasando ? Muchas gracias.

[madhatterdef]

probaste quitando el
[i]

[geclos]

Como digo en el post inicial, si que lo probé. Funciona pero me aplica el efecto a todos los img del array al mismo tiempo y no al img que esté en la posición i del array, que es lo que quiero.

[madhatterdef]

ponele un nombre o un id y llamala por el

por ej de id

en el html

id:"img1"

en el js

selectedImg= document.getElementById("img1");
selectedImg.show('drop',1000);

proba y decime