Trocha JavaScriptu - pomozte s galerií

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Trocha JavaScriptu - pomozte s galerií

Příspěvekod Stene » 02 črc 2010 14:44

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

Reklama

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 3 hosti