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

<script>
jQuery(function() {
var rollingDiv = jQuery("#rolling");

rollingDiv.bind("mouseover", function() {
jQuery("#rolling").stopRolling();
});

rollingDiv.addRollingItem("<img src='/foto/1.jpg' width='500' height='300'>");
rollingDiv.addRollingItem("<img src='/foto/2.jpg' width='500' height='300'>");
rollingDiv.addRollingItem("<img src='/foto/3.jpg' width='500' height='300'>");

rollingDiv.bindRollingEvent(function(event, currentRollingItem) {
// write code when rolling
});

</script>

А как сделать чтобы вместо

rollingDiv.addRollingItem("<img src='/foto/1.jpg' width='500' height='300'>");
rollingDiv.addRollingItem("<img src='/foto/2.jpg' width='500' height='300'>");
rollingDiv.addRollingItem("<img src='/foto/3.jpg' width='500' height='300'>");

Был указан только один каталог /foto/ и из него бы брались изображения автоматически?

http://www.php.net/manual/ru/ref.dir.php

чтение файлов из каталога php

http://www.php.net/manual/ru/ref.dir.php

чтение файлов из каталога php

Спасибо за ссылки, но код вывода на php я знаю, а вот как массив картинок которые получил php передать в джава скрипт вместо кода?

rollingDiv.addRollingItem("<img src='/foto/1.jpg' width='500' height='300'>");
rollingDiv.addRollingItem("<img src='/foto/2.jpg' width='500' height='300'>");
rollingDiv.addRollingItem("<img src='/foto/3.jpg' width='500' height='300'>");

Чтобы получилось что-то типа

rollingDiv.addRollingItem("Здесь вывод картинок из php width='500' height='300'");

Ну или еще как-то их соединить вместе, потому что картинки нужно выводить по одной и этим занимается джава скрипт, а чтение каталога делает php. Просто я не очень силен в аяксе...

Изменено 7 мая 201214 г пользователем Vlad78