How Can I pass an array or add a loop in jQuery function

Question

Here is the function -

$.swipebox( [
    { href:'big/image1.jpg', title:'My Caption' }, 
    { href:'big/image2.jpg', title:'My Second Caption' }
] );

Instead of this I would like add a loop here or if not possible then pass an array.

Something like -

$.swipebox( [
  $.each( data, function(index, val){
      { href:data[index].image_link, title:data[index].image_title }            
  } )
] );

or something similar to this. I will be really glad if anyone could help me with that.

Arun P Johny · Accepted Answer · 2014-04-10 08:43:49Z

2

You can use $.map() like

$.swipebox($.map(data, function (val, index) {
    return {
        href: val.image_link,
        title: val.image_title
    }
}));

answered Apr 10, 2014 at 8:43

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Answer 1