images from folder

by Akram kamal

HTML

<div class="contenido02">
    <div class="list_carousel">
        <ul id="foo0">
            <li>
                <div class="Brand"><img src="img/brand01.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand02.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand03.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand04.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand05.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand06.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand07.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand08.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand09.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand10.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand11.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand12.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand13.png" width="60" height="60" alt="Brand" /></div>
            </li>
            <li>
                <div class="Brand"><img src="img/brand14.png"...

JavaScript

var productos = new Array("afrodita.png",
    "arpia.jpg",
    "basilisco.jpg",
    "caballo.jpg",
    "centauro.jpg",
    "fenix.jpg",
    "gea.jpg",
    "grifo.png",
    "hidra.gif",
    "kraken.jpg",
    "medusa.png",
    "minotauro.jpg",
    "pegaso.jpg",
    "poseidon.jpg",
    "quimera.jpg",
    "satiro.jpg",
    "unicornio.jpg"
);

$(function() {
	$(".Brand").each(function(i){
        $(this).html("<img src='/img/minis/" + productos[i] + "' width='50' height='50' alt='Brand'>")
    })
})