Kezdőoldal » Számítástechnika » Weblapkészítés » A honlapomra készített galériá...

Ivilicious kérdése:

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.

Figyelt kérdés

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..


2014. márc. 28. 10:22
 1/8 anonim ***** válasza:
Ennek azaz oka, hogy a lightboxot vezérlő JS szerintem nincs optimalizálva mobil eszközökhöz. Próbálj meg egy alternatívát, pl a [link]
2014. márc. 28. 10:36
Hasznos számodra ez a válasz?
 2/8 anonim ***** válasza:

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

2014. márc. 28. 10:39
Hasznos számodra ez a válasz?
 3/8 A kérdező kommentje:

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á.

2014. márc. 28. 10:53
 4/8 A kérdező kommentje:
Őszintén szólva ez a fancybox nagyon is bejönne, de halvány lila gőzöm sincs, hogyan kezdjek hozzá :)))
2014. márc. 28. 10:54
 5/8 anonim ***** válasza:

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.


[link]


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();

2014. márc. 28. 12:09
Hasznos számodra ez a válasz?
 6/8 A kérdező kommentje:
Hát, átnézegetem :) csak ugye több 50 kép felett elég gáz ÚJRA külön-külön beírogatni :)de biztos jobb lenne, mint ez...először cincopával generáltam albumot, csak ugye nem tudtam, hogy van egy traffic kvóta...
2014. márc. 28. 13:08
 7/8 anonim ***** válasza:

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.

2014. márc. 28. 14:41
Hasznos számodra ez a válasz?
 8/8 A kérdező kommentje:
Köszönöm
2014. márc. 28. 15:00

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!