| Autor | Zpráva | ||
|---|---|---|---|
| zalesak05 Profil |
#1 · Zasláno: 18. 8. 2012, 22:19:04
Dobrý večer,
chtěl bych se zeptat, jestli nevíte o nějakém kódu, který by mi načetl náhodý obrázek s odkazem (obrázek bude zároveň odkazem) z databáze. Chtěl bych totiž, aby se vždy po načtení stránky zobrazila jiná úvodní fotografie. Mělo by to být na všech stránkách mého webu a obrázky budou časem přibývat, takže chci, aby se to načítalo z databáze. Vše, co jsem zatím našel bylo pouze o vypsání obrázků nahoře na stejné stránce, jako se měl zobrazit, což by se mi nehodilo, protože vždy při přidání nějakého obrázku bych musel znovu a znovu prolézat celý web. Webhosting mám u webzdarma. Děkuji. |
||
| jenikkozak Profil |
#2 · Zasláno: 18. 8. 2012, 22:30:10
Dotaz na databázi může být třeba takovýto:
SELECT nazev FROM nahodne_obrazky ORDER BY RAND() LIMIT 1 Obrázek vypíšeš klasicky obalený odkazem. Ovšem za atribut src dosadíš údaj získaný z databáze.
|
||
| zalesak05 Profil |
#3 · Zasláno: 19. 8. 2012, 16:16:50
Ahoj,
děkuji, nakonec se to po velmi dlouhém experimentování povedlo vyřešit. Jako databázi jsem dal textový soubor s názvem script1.txt jeho kód je: var images = [
{
"link":"http://kozubova.czechian.net/fotografie/1.html",
"src":"http://kozubova.czechian.net/fotografie/1.bmp",
"width":600,
"height":150
},{
"link":"http://kozubova.czechian.net/fotografie/2.html",
"src":"http://kozubova.czechian.net/fotografie/2.bmp",
"width":600,
"height":150
},{
"link":"http://kozubova.czechian.net/fotografie/3.html",
"src":"http://kozubova.czechian.net/fotografie/3.bmp",
"width":600,
"height":150
},{
"link":"http://kozubova.czechian.net/fotografie/4.html",
"src":"http://kozubova.czechian.net/fotografie/4.bmp",
"width":600,
"height":150
},{
"link":"http://kozubova.czechian.net/fotografie/5.html",
"src":"http://kozubova.czechian.net/fotografie/5.bmp",
"width":600,
"height":150
}
];
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>';
}
Na stránce je pak vloženo: <script src="http://kozubova.czechian.net/script1.txt" type="text/javascript"></script>
<body onload="loadImage('loadContainer');">
<div class="center-area">
<div id="loadContainer"></div>
<p> </p> |
||
|
Časová prodleva: 12 let
|
|||
0