jquery hide all image but not the first

Question

Hello all im trying to make this slide effect http://tinyurl.com/628z32d

but im new to jquery so i need a little help :), how can i hide all the big image in the #big-mage div and hide them? and then only show the first.

do you guys have a good simple to understand slide effect tutorial i will be glad to :)

Thanks!

Please remove the make tag - your question has nothing to do with the make program. — reinierpost, Mar 06 '11 at 12:49

score 10 · Accepted Answer · answered Mar 05 '11 at 22:18

10

Try like this:

$("div img").hide().filter(":first-child").show();

or use the $.not() to filter out unwanted elements:

$("img").not("img.class-not-to-select").hide();

answered Mar 05 '11 at 22:18

1

i think i should use the :first – Sjmon Mar 05 '11 at 22:23
$("div img").hide().filter(":first-child").show(); this works but it hide all the big image and only show the first small image :d i have try target it with $('#big-image img') but dident work – Sjmon Mar 05 '11 at 22:30
ups i have hide the div in my CSS :D – Sjmon Mar 05 '11 at 22:34
This works $("#big-image img").hide().filter(":first-child").show(); Thanks :D – Sjmon Mar 05 '11 at 22:34

score 3 · Answer 2 · answered Mar 05 '11 at 22:23

3

try this code:

$("img:gt(0)").hide();

answered Mar 05 '11 at 22:23

DrStrangeLove

score 3 · Answer 3 · answered Mar 05 '11 at 22:32

3

$("div#big-mage img:not(:first)").hide();

answered Mar 05 '11 at 22:32

Joseadrian

3 Answers3