динамически добавлять изображения из папки

Есть ли способ использовать html или javascript или что-то еще, чтобы добавить все изображения, представленные в папке, на веб-страницу.динамически добавлять изображения из папки

Пусть у меня есть 10 изображений, то вместо того, чтобы писать десять строк кода, как

<img src="1.jpg"/> 
<img src="2.jpg"/> 
. 
. 
.

и т.д.

только одна строка кода, который может добавить все изображения из папки, как «* .jpg» все jpg-изображения. Я новичок в веб-технологиях и просто получил такие сомнения.

Любая помощь очень ценится.

Спасибо и наилучшими пожеланиями

источник

2010-12-12 technocrat

вы используете какие-либо рамки? – crodjer

Проблема с JS - это клиентская сторона, и для извлечения файлов в папке вам понадобится какой-то индекс, который должен быть сгенерирован на стороне сервера. –

Как вы сказали «или что-нибудь еще», я бы рекомендовал использовать Баш один вкладыш для сбора изображений в текущей папке и добавить их в один файл, названный index.html:

for i in *.jpg; do echo "<img src='$i' />" >> index.html; done;

Просто добавьте отсутствующие html-теги и сделайте.

EDIT: Вы можете использовать оболочку Windows (CMD), а также:

FOR %i IN (*.JPG) DO ECHO ^<img src="%i" /^> >> index.html

источник

2010-12-12 15:30:49 philonous

Вау, но какой это язык. и мне нужно объединить это без записи тега

Это гораздо проще сделать это с помощью серверной технологии, такие как PHP с его glob() функции и foreach цикла.

источник

2010-12-12 15:17:25

ОК. Я не знаю php, так есть ли не так проще, используя javascript или html? – technocrat

Выборочное чтение ударов снова ... –

Решение php кажется лучше, потому что оно не зависит от имени файла. Но вы можете указать пример реализации с файлами jpg. Спасибо – technocrat

В HTML -

Но если все изображения называются «1.jpg», «2.jpg», «3.jpg» ... поэтому вы можете создать цикл javascript.

попробовать что-то вроде:

<html> 
<body> 
<script type="text/javascript"> 
var i=0; 
for (i=0;i<=5;i++) 
{ 
document.write("<img src=\"" + i + ".jpg\"/>"); 
document.write("<br />"); 
} 
</script> 
</body> 
</html>

Читайте здесь: http://www.w3schools.com/JS/js_loop_for.asp и попытайтесь изучить основные вопросы программирования, так же, как перекручивание ..

источник

2010-12-12 15:20:56 taxman

этот работает отлично, но имена файлов должны 1,2 ... Нет ли другого способа использования javascript, который может отображать любое количество изображений и иметь любое имя. Спасибо – technocrat

Смежные вопросы

динамически добавлять изображения из папки

ответ

Смежные вопросы