Autor Zpráva
Premisl
Profil
Chtěl bych aby se mi po kliknutí na obrázek zobrazila jeho větší verze, aniž by se musela načítat nová stránka nebo otevírat nové okno. Při shlédnutí proběhnuvších diskusí jsem našel jen doporučení nástrojů Thickbox popř. Lightbox, což je na můj vkus moc efektní a zdlouhavé. Chtěl bych něco jako mají u svých článků např. Novinky.cz http://www.novinky.cz/auto/auto_testy/test-subaru-outback-2-5i-lpg--ne kolik-velkych-plus_119415_isool.html
Jak to tam mají zařízeno? Co konkrétně k tomu potřeba vytvořit (nastudovat)?
Plaváček
Profil
Premisl

Pokud vím, všechny efekty u Lightboxu se dají vypnout a pomocí šikovného nastylování dosáhneš stejného výsledku. Pokud chceš studovat, pak učebnice Javascriptu je dobrou volbou.
Premisl
Profil
Dík za doplňijící info o lightboxu. Ještě jsem našel podobný efekt, ale to asi lightbox nebude : http://sydney2000.cz/
Měl by někdo konkrétnější radu, případně jiné řešení než Lightbox ?
Plaváček
Profil
Premisl

Ano, to funguje pomocí obyčejného CSS. Viz http://klient.plavacek.net/tooltip.html .

Nahraď v mém příkladu texty obrázky a máš stejný efekt. Má to ale jedno ale. I ty velké obrázky budeš muset načíst na jedné stránce zároveň s náhledy, což použitelnost tohoto řešení trochu limituje.
Bubák
Profil
Plaváček
Nejede mi to v prohlížeči Opera 9.22, kupodivu ve starší verzi 8.53 je to v pořádku.
Premisl
Profil
Plaváček
Ještě jednou dík
Plaváček
Profil
Bubák

Aha, nezkoušel jsem, možná tam mám nějakou chybičku. Dík za upozornění.
Knopi
Profil
Bubák:
Aby Plaváčkovo řešení fungovalo všude (i v Opeře 9), je zapotřebí udělat z odkazu blok. Což je v souvislém textu nepoužitelný.

a.tooltip {
cursor: help;
position: relative;
z-index: 0;
display: block; /* opera 9, taky oukej */
}
Plaváček
Profil
Knopi

Ne nutně. Opeře se evidentně nelíbí relativní pozice u elementu A. Jde si s tím ale pohrát a fungovat by to mělo. Viz http://klient.plavacek.net/obrazky.html

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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