jQuery Image Array

Question

I need to do an image array for a gallery, The gallery has around 10-20 images I'm just unsure on how to actually make an image array in jQuery.

Any help would be greatly appreciated.

abuduba · Accepted Answer · 2012-01-04 00:27:41Z

1

 arrayOfHTMLImageElements =    $('#gallery_container img').get();
 orJqueryCollectionOfImages = $('#gallery_container img');
 arraySourcesOfImages =   $('#gallery_container img').map( function(){ return this.src })

edited Jan 4, 2012 at 0:27

answered Jan 4, 2012 at 0:22

abuduba

5,0637 gold badges29 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dhaivat Pandya · Accepted Answer · 2012-01-03 23:30:00Z

0

Put the images in <div class="some_img">, and then:

var m = []
$('.some_img').each(function() { m.push ($(this));});

Don't actually use that code; format it first, but, that's the general idea.

answered Jan 3, 2012 at 23:30

Dhaivat Pandya

6,5264 gold badges32 silver badges44 bronze badges

1 Comment

Ansel Santosa Over a year ago

jQuery objects store matched elements in an Array. $('.some_img').get() will return an Array of all the matched HTMLElements.

Collectives™ on Stack Overflow

jQuery Image Array

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related