A honlapomra készített galériám nem működik se IPad-en, se Androidon. Miért? Számítógépen tökéletesen működik.
A kód /egy része / a következő :
<li>
<a href="#">
<img src="photos/tn_img01.jpg" alt="" />
<span class="lightbox">
<span class="light"> </span>
<span class="box">
<img src="photos/img01.jpg" alt="" />
<span><b>Alle Bevásárlóközpont, Budapest</b> Cinema City - gépészeti automatika rendszer teljes körű elektromos kivitelezése.</span>
</span>
</span>
</a>
</li>
A thumbnails képeket megjeleníti még, de ha rákattintok nem jön be a nagy kép..
Ebből a kódrészletből ez bizony nem derül ki. Annyi viszont biztos, hogy a JavaScript környékén nem stimmel valami. Számítógépen kipróbáltad többféle böngészőn is?
Minimum IE+Firefox+Chrome
Semmi javascript nincs benne, sem jquery...minden böngészőben tökéletesen működik. Esetleg levélben adhatok linket.
Ez a kód ismétlődik ugye 50 akármennyi képen keresztül, a bélyegképek és a rendes képek beszúrásával..ezen kívül egy css van hozzá.
Hidd el nekem, van benne JavaScript. Anélkül nemigen lehet megoldani a dolgot. A Lightbox is JS. Erős a valószínűsége, hogy - ahogyan az fentebb is megemlíttetett - nincs mobilra optimalizálva, így nem kompatibilis a kódja a droidon vagy iOS alatt futó böngészőkkel.
Itt le van írva, hogyan kell a fancybox -ot beüzemelni. Nem igazán bonyolult. Behúzod a szkripteket, a tagekhez hozzáadod az osztályt (legyen most "popupimage", aztán szelektorral elsütöd a fancybox inicializációt:
$(".popupimage").fancybox();
Nem kell "újra" beírogatni "külön-külön".
Egyszer behúzod a szkripteket az oldalba, egyszer hozzáadod minden képhez a classt, egyszer pedig, az oldal alján, bepötyögöd a $(".popupimage").fancybox(); sort. Semmi több. Kb az egyetlen ismétlődő dolog a tagekhez hozzáadott class="popupimage" attribútum.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!