Не выводятся данные в цикле
 

Здравствуйте друзья.
Подскажите ничего не разбирающемуся в JS, как сделать цикл того что находится в фигурных скобках {}, и чтобы для полей image, title, thumb и url данные цеплялись из бд mysql, код ниже:

<script type="text/javascript">
jQuery(function($){
$.supersized({
slides :
[ // Slideshow Images
   { image : '/img/source/1.jpg', 
      title : 'Умный бетон: Рисунок 1', 
      thumb : '/img/source/1.jpg', 
      url : 'http://www.'
    },
    {
       image : '/img/source/2.jpg', 
       title : 'Умный бетон: Рисунок 2', 
       thumb : '/img/source/2.jpg', 
       url : 'http://www.'
    },
],
  });
});
</script>

в slides как видите абсолютно одинаковые данные в {} скобках, я бы хотел номер картинки или саму картинку выводить из базы данных в цикле. Есть вариант решения? а то что бы я не делал картинки перестают работать.
Делал следующее:
Не буду забегать далеко скажу что после объявления переменной уже переставало все работать

var perem = 1;
{ image : '/img/source/1.jpg', 
      title : 'Умный бетон: Рисунок 1', 
      thumb : '/img/source/1.jpg', 
      url : 'http://www.'
    }

Конкретно вопрос к этому куску кода, его надо вывести в цикле, do while:

{ image : '/img/source/1.jpg', 
      title : 'Умный бетон: Рисунок 1', 
      thumb : '/img/source/1.jpg', 
      url : 'http://www.'
    }

Буду благодарен любой подсказке
Куда копать, не понимаю..

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Пожалуйста, локализуйте проблему!

Выделите фрагмент кода, по которому есть вопрос и опубликуйте его отдельно.

И, по возможности, уберите из кода мусор, чтобы нам легче было сориентироваться и помочь решить вашу проблему.

Спасибо.

P.S. код форматируют специальные теги [ js ] ... [/js], [ html ] ... [/html] и другие аналогичные, сам. http://javascript.ru/formatting

Отредактировал
 

Отредактировал, действительно, так красивее

Если хотите из базы данных, то надо писать запрос на сервер и на сервере соответственно обработчик этого запроса, читайте про AJAX

а без AJAX никак? я вот только JS начал изучать, а тут еще и аякс..
например из javascript вынести этот кусок кода и переделать в обычный html, типа <img src='...'> а я бы там посредством php и mysql сделал все красиво, зациклил, посчитал количество файлов в папке, вывел как надо и т.д.

Romaxa,
Можно конечно. Выведите список картинок со всей нужной вам информацией в аттибутах, а потом переберите его и считайте нужные данные. Чтобы перебрать сисок элементов на jQuery читайте про each

Спасибо за обнадеживающий ответ, но я бы не обратился за помощью если бы хотя бы догадывался как это сделать, можете помочь с кодом до уровня html когда уже выведем <img src='...'> и можно задействовать в силу php, там дальше я сам, там нет проблем.

var perem = { 
    image : '/img/source/1.jpg', 
    title : 'Умный бетон: Рисунок 1', 
    thumb : '/img/source/1.jpg', 
    url : 'http://www.'
};

var perem = { 
    image : '/img/source/1.jpg', 
    title : 'Умный бетон: Рисунок 1', 
    thumb : '/img/source/1.jpg', 
    url : 'http://www.'
},
key;
for (key in perem) {
    if (perem.hasOwnProperty(key)) {
        alert(key + ' : ' + perem[key]);
    }
}