| Autor | Zpráva | ||
|---|---|---|---|
| Jont Profil |
#1 · Zasláno: 14. 1. 2010, 21:11:47
Ahoj,
v Javascriptu se moc nevyznám, nějak jsem to zkoušel, ale bezúspěšně. Potřebuji následující věc: z kódu na html stránce <img src="obrazek.jpg" class="imagebox" width="300" height="200"> udělat tento kód <a href="obrazek.jpg" rel="lightbox"><img src="obrazek.jpg" class="imagebox" width="300" height="200"></a> Jak asi tušíte, jde o to, aby šlo kliknout na zmenšený obrázek a zobrazil se velký pomocí Lightboxu. Mám představu, že by to šlo udělat tak, že do hlavičky stránky vložím JS skript. Tam se najde ten tag img s class imagebox a okolo toho se dá ten odkaz. Ale to právě nevím jak udělat. Našel jsem něco o DOM, ale tomu fakt nerozumím. Nevíte, jak na to? Díky moc |
||
| Aichi Profil |
#2 · Zasláno: 15. 1. 2010, 12:45:48
Zdá se mi daleko jednodušší editovat šablonu tak, aby tam ty odkazy už byly. Protože pokud ne, tak musíš ten tvůj skript spustit dřív, než budeš vytvářet lightbox, jinak by ti tvé odkazy neviděl a neotevíral by obrázky. A ideový kód na obalení obrázků odkazem:
//najdu vsechny obrazky
var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++){
//jen obrazky s tridou imagebox
if (images[i].className == 'imagebox') {
var a = document.createElement('a');
a.href = images[i].src;
images[i].parentNode.insertBefore(a, images[i].nextSibling);
a.appendChild(imgages[i]);
}
}
|
||
| _es Profil |
#3 · Zasláno: 15. 1. 2010, 12:53:44
Aichi:
Načo používať document.getElementsByTagName('img')? Existuje už hotová kolekcia document.images. |
||
| Aichi Profil |
#4 · Zasláno: 15. 1. 2010, 13:02:51
_es:
nebo tak |
||
| Jont Profil |
#5 · Zasláno: 15. 1. 2010, 20:53:22 · Upravil/a: Jont
Je to na editor TinyMCE, aby se tam přidáním třídy dal ten odkaz. No a pustím to předem - v hlavičce.
Zkoušel jsem ten kód a nefunguje mi to - nic se nezměnilo. Ten kód vypadá logicky, ale fakt to nic nedělá. Můžeš to prosím zkusit ty? Když dám document.write(image[0].src) tak se nevypíše nic, stejně tak images.length je nula. Přitom tam mám dva obrázky. To je divné. Novinka: Když ten kód výše za obrázky, tak to vše vypíše. Ale ten tvůj kód ty odkazy stejně nezmění, když je spuštěný až za nimi. Tak já nevím. |
||
| Jont Profil |
#6 · Zasláno: 15. 1. 2010, 23:00:12
Prosím, opravdu bych to potřeboval.
|
||
| _es Profil |
#7 · Zasláno: 15. 1. 2010, 23:07:21
Jont:
„Prosím, opravdu bych to potřeboval.“ Tak daj odkaz na web, kde je ten problém. Hláška "nefunguje mi to" nestačí. |
||
| Jont Profil |
#8 · Zasláno: 16. 1. 2010, 00:53:05 · Upravil/a: Jont
web právě dělám, těžko na něj dám odkaz. no tobě to funguje? mně to asi nenajde to ty obrázky.
no ukázku jsem tedy nahrál sem: http://www.jontes.info/ruzne/test.php |
||
| centi Profil |
#9 · Zasláno: 16. 1. 2010, 01:13:38
Jont:
Ako prvé skús opraviť preklep, ktorý si slepo skopíroval :) a.appendChild(imgages[i]); |
||
| Jont Profil |
#10 · Zasláno: 16. 1. 2010, 21:26:35
A jako druhé co? Tak jako sorry, ale čekal jsem, že mi tady někdo třeba poradí, proč mi to nefunguje. Kupříkladu autor skriptu.
|
||
| _es Profil |
#11 · Zasláno: 16. 1. 2010, 21:41:27
Jont:
„A jako druhé co?“ Za prvé, ten preklep si si neopravil. Ďalej, k obrázkom sa snažíš pristupovať vtedy, keď ešte neexistujú. Keďže používaš cyklus, tak chyba nenastane, len ten cyklus prejde nula krát. Buď daj ten skript až na koniec html kódu, alebo použi: window.onload=function(){/*nejaký kód*/}; |
||
| Jont Profil |
#12 · Zasláno: 16. 1. 2010, 22:19:16
Tak dík, už mi to funguje.
Taky mě napadlo, dát to na konec a zkoušel jsem a nic to nedělalo - za to asi mohl ten překlep. Příště si to radši překontroluji :). Jo a to přidání toho rel jsem někde našel - dělá se to přes setattribute. A ještě otázka: Nebude to třeba nějaké pomalé? Neplánuji tam na 1 stránce moc obrázků, ale kdyby jich tam bylo třeba 20 nebo 50, bude poznat nějaké zpomalení? |
||
| _es Profil |
#13 · Zasláno: 16. 1. 2010, 22:30:28
Jont:
„kdyby jich tam bylo třeba 20 nebo 50, bude poznat nějaké zpomalení?“ Najlepšie asi, keď si to vyskúšaš v rôznych prehliadačoch, no asi to oneskorenie bude veľmi malé. „dělá se to přes setattribute“ Takéto rôzne veci niektorí neporučujú, no treba to vždy vyskúšať v rôznych prehliadačoch. |
||
| Jont Profil |
#14 · Zasláno: 16. 1. 2010, 23:37:27
vlastně jsem to tam potom dal jako a.rel='lightbox', to je doufám to správné.
a ještě tu rychlost radši zkusím, ale snad to nebude problém. a teď jsem hodinu zjišťoval, proč mi nejede slimbox a zjistil jsem, že se to asi nějak ruší s tím window.onload=function(). tak jsem ten svůj js musel dát na konec body. ale divné je, že s Ligtbox 2 to fungovalo normálně. ale lepší by bylo mít ten js v hlavičce, nejde to ještě nějak udělat? no asi ne. |
||
|
Časová prodleva: 14 let
|
|||
0