login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Close button in lightbox verschijnt niet

Offline Urbanusfan - 28/02/2011 13:41 (laatste wijziging 28/02/2011 13:48)
Avatar van UrbanusfanLid Heb onlangs lightbox op m'n site geplaatst (afkomstig van http://www.huddletogether.com/projects/lightbox2/ ).

Om de één of andere reden verschijnt de 'close' button niet. Na wat zoeken op het net kwam ik volgend artikel tegen:
http://www.webp...slideshows
Hierin is sprake dat het probleem zich voordoet bij afbeeldingen groter dan 400 px.

Maar o.a. op deze site zie ik foto's van meer dan 400 px en toch een 'close' button:
http://www.char...-antwerpen
Zie toch vaak sites met grote foto's waarbij lightbox wel vlot werkt, iemand enig idee hoe dit probleem is op te lossen.

Dit is de (test)pagina waaraan ik werk en er niet uit kom:
http://www.urba...ghtbox.htm
Bedoeling is om alle foto's in de toekomst via lightbox weer te geven en de oudere albums na verloop van tijd aan te passen.

Jullie zouden me enorm vooruit helpen moest ik lightbox vlot kunnen laten werken.


Tweede vraag is of ik iets kan verhelpen aan het feit dat het menu over de foto's verschijnt? Bv. zorgen dat de foto's telkens min. een bepaalde afstand aanhouden vanaf de bovenkant. Zowel horizontaal, als verticaal centreren zou ook een mogelijke oplossing kunnen zijn.

Alvast bedankt voor alle hulp.

8 antwoorden

Gesponsorde links
Offline Stijn - 28/02/2011 14:02
Avatar van Stijn PHP expert
Citaat:
Om de één of andere reden verschijnt de 'close' button niet.
Je moet de close button afbeelding ook uploaden hé.

Voor je tweede probleem heeft dit alles te maken met de CSS style propertie z-index. Zoek in je javascript file van het menu eens naar het woordje zIndex en geef die eens een waarde van 10 ofzo.
Offline valles10 - 28/02/2011 16:18
Avatar van valles10 HTML interesse
Stijn schreef:
[..quote..]Je moet de close button afbeelding ook uploaden hé.

Voor je tweede probleem heeft dit alles te maken met de CSS style propertie z-index. Zoek in je javascript file van het menu eens naar het woordje zIndex en geef die eens een waarde van 10 ofzo.

of als je wilt dat de lightbox echt OVERAL bovenstaat, kan je het overgrote getal 999 neerzetten 
Offline Urbanusfan - 28/02/2011 17:19
Avatar van Urbanusfan Lid
De afbeelding staat zeker online:
http://www.urbanusfan.be/lightbox/images/close.gif alsook
http://www.urba...elabel.gif

Staat in dezelfde map als de 'pijltjes' (next en prev.) die wel worden weergegeven.


Ivm het menu, kan ik top gewoon vervangen door een getal?

this.style.zIndex=RcrsLvl+Ztop}}
Offline Stijn - 28/02/2011 17:32 (laatste wijziging 28/02/2011 17:33)
Avatar van Stijn PHP expert Vervang het eens door een getal :-). Gewoon = 10;.

Je close afbeelding verwijst naar hier.
Offline Urbanusfan - 28/02/2011 17:49
Avatar van Urbanusfan Lid
Bedankt, de close button staat erop.

Het andere komt niet goed, heb het volgende ingegeven:
this.style.zIndex=10}} en ook als eens this.style.zIndex=999}}
Meer het menu blijft over de foto's komen.
Offline valles10 - 28/02/2011 18:03
Avatar van valles10 HTML interesse
Urbanusfan schreef:
Bedankt, de close button staat erop.

Het andere komt niet goed, heb het volgende ingegeven:
this.style.zIndex=10}} en ook als eens this.style.zIndex=999}}
Meer het menu blijft over de foto's komen.

z-index van menu verminderen?..
Offline Urbanusfan - 28/02/2011 18:10
Avatar van Urbanusfan Lid Is het niet mogelijk om de afbeelding zowel horizontaal als verticaal te centreren op het scherm in lightbox? Dan zal de afbeelding in de meeste gevallen buiten het menu vallen.
Heb nu het menu terug gezet zoals het was.
Offline Ontani - 28/02/2011 20:57
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Je hebt een menu dat via javascript z'n z-index altijd als hoogste zet dus ga je of de functionaliteit van je menu moeten aanpassen of de zindex van je lightbox moeten instellen nadat je menu is ingesteld of een andere menu kiezen.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.174s