Dynamically Build A Javascript To Show Images Using Greybox

[wobuck]

I need to dynamically build a javascript to show images using greybox. I have looked through greybox user groups and have found some answers close to my need but I am unsure of the actual coding as I am unfamiliar with javascript.

 

I want to use php to insert mysql data from a file of image information so as to generate the javascript something like the following but am unsure how to do it:

 

I need to understand the code to dynamically generate the multiple lines into the javascript below thus:

<script>

var image_set = [

{'caption': '< ?php echo $desc ?>', '< ?php echo $url ?>': '< ?php echo $image ?>'},

{'caption': '< ?php echo $desc ?>', '< ?php echo $url ?>': '< ?php echo $image ?>'},

{'caption': '< ?php echo $desc ?>', '< ?php echo $url ?>': '< ?php echo $image ?>'},

{etc, etc}

];

</script>

Any help would be appreciated.