Stránka 1 z 1

Trocha JavaScriptu - pomozte s galerií

Napsal: 02 črc 2010 14:44
od Stene
Ahoj, mám takovýto JS

<script type="text/javascript">
var images = [
{
"src":"images/prave_menu/vb-jamne.jpg",
"width":122,
"height":92
},{
"src":"images/prave_menu/kabiny.jpg",
"width":122,
"height":92
},
{
"src":"images/prave_menu/hriste.jpg",
"width":122,
"height":92
}
];
function gid(id){
return document.getElementById(id);
}

var index = 0;

function loadImage(targetId){
// zjistime kolik je k dispozici obrazku
var imagesCount = images.length;
// vybereme nahodne index jednoho obrazku
index = Math.floor(Math.random() * imagesCount);
// do DIVu vlozime obrazek
gid(targetId).innerHTML = '<a href="' + images[index].link + '"><img src="' + images[index].src + '" width="' + images[index].width + '" height="' + images[index].height + '" /></a>';
}
</script>

a tento HTML
<div class="center-area">
<div id="loadContainer"></div>
<button type="button" value="další" onclick="loadImage('loadContainer');">další</button>
<p>&nbsp;</p>
</div>

Jenže potřebuji, aby tento kód zobrazoval 3 obrázky pod sebou a ne jenom jeden..

Popřípadě, znáte lepší řešení pomocí JS?
->Omlouvám se, ale nevím jak se zvýrazňují kódy