Autor | Zpráva | ||
---|---|---|---|
Adrifinel Profil * |
#1 · Zasláno: 16. 8. 2011, 01:41:31
Chtěla bych udělat na stránce měnění obrázků v časovém intervalu, to by nebyl až tak problém, kódy se dají najít, horší je místu umístění, pač já bych to potřebovala mít na specifickém místě a to je uvnitř kódu:
echo '<table class="noborder"><tr><th><img src="ikonky/vakcina/garurumon.png" alt="garurumon"></th></tr>'; Místo toho obrázku si představte ten script/kód, no a mě nějak nenapadá jak pohřešit vložení samotného kódu na toto místo. |
||
Str4wberry Profil |
#2 · Zasláno: 16. 8. 2011, 01:58:30
echo '<table class="noborder"><tr><th><img src="ikonky/vakcina/garurumon.png" id="menici-se-obrazek" alt="garurumon"></th></tr>'; src elementu s ID „menici-se-obrazek “.
|
||
Adrifinel Profil * |
#3 · Zasláno: 16. 8. 2011, 10:53:06
Str4wberry:
Funguje to takhle i na složku? Pač já těch obrázku mám hodně a všechny je vypisovat.... |
||
Tlapka Profil |
#4 · Zasláno: 16. 8. 2011, 12:41:38
Adrifinel:
Nejspíš potřebuješ seznam souborů v určité složce, a z toho seznamu pak bude JS vybírat náhodně soubory, které zobrazí. Jelikož ale JS pracuje u klienta (prohlížeč), vytáhnout obsah složky ze serveru nejspíš nedokáže, na to bude asi potřeba PHP... Pokusím se ti sestavit skript, jestli se mi to povede... |
||
Tlapka Profil |
#5 · Zasláno: 16. 8. 2011, 13:52:43
Tak hotovo, mělo by to fungovat... :-)
<table class="noborder"><tr><th><img src="ikonky/vakcina/garurumon.png" id="menici-se-obrazek" alt="ikonka"></th></tr></table> <script type="text/javascript"> function zmenObrazek () { var obrazky = '<?php // pole, ktere bude obsahovat seznam nazvu obrazku $files = Array(); // otevreme slozku $dir = dir('ikonky'); // projdeme vsechny soubory a vybereme png obrazky while ($file = $dir->read()) if (substr_count($file, ".png") > 0) $files[] = $file; // vypíšeme seznam názvů echo implode(" ", $files); ?>'; var seznamObrazku = obrazky.split(" "); // vypocet, ktery obrazek se bude vypisovat: // floor je zaokrouhleni dolu, random nahodne cislo, length je delka pole (pocet polozek) index = Math.floor(Math.random()*seznamObrazku.length); // vybraný obrázek: var vybranyObrazek = (seznamObrazku[index]); // změníme obrázek: document.getElementById("menici-se-obrazek").src = "ikonky/"+vybranyObrazek; } // spustíme funkci a nastavíme interval (zde 5 sekund): zmenObrazek(); setInterval("zmenObrazek();", 5000); </script> obrázek měj raději v kódu dříve než skript a jinak je to snad jedno :-) je to nastavené na složku ikonky ve stejném adresáři, a v názvech ikonek nesmí být mezery. |
||
Adrifinel Profil * |
#6 · Zasláno: 16. 8. 2011, 14:27:38
Tak to funguje, jenom akorát neví někdo, jak zrušit ten rámeček?
|
||
ReVolt Profil |
#7 · Zasláno: 16. 8. 2011, 14:30:36
Adrifinel:
css border: none; |
||
Adrifinel Profil * |
#8 · Zasláno: 16. 8. 2011, 14:43:16
ReVolt:
A když to chci zrušit jenom u určité tabulky? |
||
ReVolt Profil |
#9 · Zasláno: 16. 8. 2011, 15:22:11
Adrifinel:
tak té tabulce přiřaď id nebo class např.: <table id="bezramecku"> css #bezramecku { border: none; } |
||
Adrifinel Profil * |
#10 · Zasláno: 16. 8. 2011, 15:30:41
table { margin: 5px; margin-left: auto; margin-right: auto; font-size: 100%; text-align: left; color: #B7DBFF; } table.noborder, table.noborder td, .table.noborder th { border: 0px; } td, th { padding-left: 0.5em; padding-right: 0.5em; border: 1px solid #819DC9; line-height: 180%; } th { background: #00254A; background-image: url(img/bg-all-pagemain-h3.jpg); background-repeat: repeat-x; font-weight: bold; text-align: center; } tr.hover td { background: #99CCFF; } table.nohover tr.hover td, table.noborder tr.hover td { background: transparent; } td.right { text-align: right; float: none; } table.noborder { border: 0px; } #bezramecku { border: none; } echo '<table class="bezramecku"><tr><th><img src="ikonky/vakcina/garurumon.png" border="0" id="menici-se-obrazek" alt="garurumon"></th></tr>'; at s idem nebo s classem, rámeček se nezruší. |
||
ReVolt Profil |
#11 · Zasláno: 16. 8. 2011, 15:44:52 · Upravil/a: ReVolt
tak to zkus pro každý element
.noborder {border: none;} .noborder td {border: none;} .noborder th {border: none;} edit: teď sem si všiml, že ten rámeček zrušíš, ale hned pod tím ho nastavíš, tak nastav class elementům <td> a <th> |
||
Tlapka Profil |
#12 · Zasláno: 16. 8. 2011, 23:21:47
Adrifinel:
koukám že máš class "bezramecku" a v css kódu "#bezramecku". To ti nepůjde, "#" je pro id, pro class je "." :-) |
||
Časová prodleva: 13 let
|
0