How to get array into jQuery plugin property object/array

Question

Probably easy question, I've just never done this before... I'm trying to figure out how you would populate a jQuery plugin property object/array or whatever you call it... with a normal array.

var imageArray = new Array();
imageArray = ['images/1000x800.png','images/495x880.png','images/600x800.png'];

So, I trying to get that into... the plugin property "image" with an unknown amount of images...

jQuery(function($){
  $.myPlugin({
    slides : [
      {image : 'images/1000x800.png'},
      {image : 'images/495x880.png'},
      {image : 'images/600x800.png'},
      //...etc...
    ]
  });
});

Here's an example of what I'm trying to do... although I don't know the correct syntax...

jQuery(function($){
  $.myPlugin({
    slides : [ for(var i=0; i<imageArray.length; i++) {
                image = imageArray[i];
               }
    ]
  });
});

Any help appreciated!!!

David Tang · Accepted Answer · 2011-03-29 02:45:36Z

2

Using $.map:

var imageArray = ['images/1000x800.png','images/495x880.png', ...];
$.myPlugin({
    slides: $.map(imageArray, function (el) { return {image: el}; });
});

answered Mar 29, 2011 at 2:45

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

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

Comments

alex · Accepted Answer · 2011-03-29 02:36:43Z

1

This should convert it...

var imageArray = ['images/1000x800.png','images/495x880.png','images/600x800.png'];

for(var i=0; i<imageArray.length; i++) {
   imageArray[i] = {'image': imageArray[i]};
}

jsFiddle.

Though note, this will convert the original array. If you want a second one for this, simply make a new one with var new = [] and new.push() the object inside the loop.

answered Mar 29, 2011 at 2:36

alex

492k205 gold badges890 silver badges992 bronze badges

Comments

tvanfosson · Accepted Answer · 2011-03-29 02:45:00Z

0

Why not just define the array you need instead of defining one and converting?

var imageArray = [
                    { image: 'images/1000x800.png' },
                    { image: 'images/495x880.png' },
                    { image: 'images/600x800.png' }
                 ];

jQuery(function($) {
    $.myplugin( { slides: imageArray } );
});

answered Mar 29, 2011 at 2:45

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Collectives™ on Stack Overflow

How to get array into jQuery plugin property object/array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related