Hi all,
I'm a bit confused trying to understand sources on dynamic loading of
images into a jCarousel object. The issue here is the JavaScript
array is already populated by page load, and obviously I can't see how
server-side data was used to populate it. I'm a bit novice when it
comes to this, but could certainly use some help. An example
JavaScript array taken from the example sites include:
var mycarousel_itemList = [
{url: "http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg",
title: "Flower1"},
{url: "http://static.flickr.com/75/199481072_b4a0d09597_s.jpg",
title: "Flower2"},
{url: "http://static.flickr.com/57/199481087_33ae73a8de_s.jpg",
title: "Flower3"},
{url: "http://static.flickr.com/77/199481108_4359e6b971_s.jpg",
title: "Flower4"},
{url: "http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg",
title: "Flower5"},
{url: "http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg",
title: "Flower6"},
{url: "http://static.flickr.com/58/199481218_264ce20da0_s.jpg",
title: "Flower7"},
{url: "http://static.flickr.com/69/199481255_fdfe885f87_s.jpg",
title: "Flower8"},
{url: "http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg",
title: "Flower9"},
{url: "http://static.flickr.com/70/229228324_08223b70fa_s.jpg",
title: "Flower10"}
];
Maybe I'm confused with the sense of 'dynamic' here, but I need to
load all images that I populate from a table in my database. A dump of
this array might look like this:
[0] => Array
(
[photo_id] => 2
[vehicle_id] => 1
[caption] =>
[position] => 2
[cars_com] => 0
[autotrader_com] => 0
)
[1] => Array
(
[photo_id] => 4
[vehicle_id] => 1
[caption] =>
[position] => 4
[cars_com] => 0
[autotrader_com] => 0
)
At which point 2.jpg and 4.jpg are the photos I need to load.
Thank you for any insight into how I can solve this problem.
- sf