Autor Zpráva
zalesak05
Profil
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
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
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>&nbsp;</p>
Skript jsem našel na http://webtrh.cz/28277-nahodny-vyber-obrazku-odkazem a trochu jsem ho upravil.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: