Insert an array of images in another array

Question

I have been trying to dynamically insert an array of images and thumbnails into the js gallery but have been having trouble loading data via javascript. I have an array of images and thumbnails that I put in my array called imgArray. Cant seem insert the imgArray in the data array dynamically how the fotorama docs say to show my images in the gallery. Any help is greatly appreciated.

https://fotorama.io/docs/4/initialization/

var imgArray = [];
for ( img in images ) {
        imgArray.push('{img:"' + images[img].medium + '", thumb:"' + images[img].medium + '"}');
    }

/* imgArray now has below data
{img:"https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/56517207/1/?bust=1659229627&width=300", thumb:"https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/56517207/1/?bust=1659229627&width=300"},
{img:"https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/56517207/2/?bust=1659229629&width=300", thumb:"https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/56517207/2/?bust=1659229629&width=300"}
 */ 


$('.fotorama').fotorama({
    data: [
        //Need to get imgArray in here
      ]
  });

Nithin P.H · Accepted Answer · 2022-11-10 13:09:41Z

1

Are you expecting something like this

var imgArray = [];
let images = {family:
    {
        medium:'medium',
        thumb:'thumb'
        },
   employ:{
        medium:'medium',
        thumb:'thumb'
        }
};
for ( img in images ) {
    //Checks if object has any pptys
    if(Object.keys(images[img]).length){
       imgArray.push({img: images[img].medium , thumb: images[img].thumb});
    }
}

$('.fotorama').fotorama({
  data: imgArray 
 });
console.log(imgArray)

As per your code you are just creating an array of string instead of array of objects.

edited Nov 10, 2022 at 13:09

answered Nov 10, 2022 at 13:04

Nithin P.H

7322 gold badges10 silver badges34 bronze badges

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

1 Comment

kelsheikh Over a year ago

Worked! Thank you so much for your help. Really appreciate it!

Collectives™ on Stack Overflow

Insert an array of images in another array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related