Hoe opacity veranderen bij bestaande JS

[*Marly*]

Hoi,

Ik heb voor een javascript kenner een wellicht simpele vraag:

Ik heb op deze website http://www.huddletogether.com/projects/lightbox2/ bestanden gehaald om op mijn website gebruik te maken van lightbox.

Nu wordt met dit script de achtergrond donkerder gemaakt terwijl je de oorspronkelijke website erachter nog wel ziet: de zogenoemde opacity. Op zich heel mooi, maar ik wil het eigenlijk 100% transparant hebben. Of in ieder geval meer transparant. Ik heb zelf absoluut geen kennis van JS. Dus ik hoop nu dat iemand de scripts even wil bekijken (zie link hierboven, daar zijn ze te downloaden) en mij kan zeggen waar ik aanpassingen moet doen.

Alvast heel erg bedankt!

Groetjes Marly

 

[crash]

Je tweede bericht verwijderd. Na 24 uur geen reactie mag je de topic omhoog kicken.

 

[*Marly*]

Nou, ik wilde het onderwerp echt niet omhoogkicken want daar stond ie al ;-) Ik sta er alleen van te kijken dat nog niemand mij had kunnen helpen...

 

[csshunter]

Hoi *Marly*,

3 mei 2011 18:08 ... ik hoop nu dat iemand de scripts even wil bekijken (zie link hierboven, daar zijn ze te downloaden) en mij kan zeggen ...

3 mei 2011 23:57 ... Ik sta er alleen van te kijken dat nog niemand mij had kunnen helpen...

Waarschijnlijk had de avondploeg van 500 vrijwilligers het nog even druk met de 4.000 vragen die nog lagen te wachten.

- Nee, ik denk dat er toevallig binnen een paar uur geen javascript-helpers-met-vrije-tijd langskwamen.
Het zou er ook wel eens mee te maken kunnen hebben, dat potentiële helpers eerst ergens op zoek moeten gaan naar een hele serie javascripts om te downloaden. Die in een zip-bestand zitten, en ingewikkeld en groot zijn (samen 250kB om door te ploegen).
Ik werk nooit met van die javascript-bibliotheken, maar heb even het lightbox-script en het lightbox-css bekeken. Daar zie ik geen eenvoudige opacity-functie of {opacity:...;} regel in staan, die zo even veranderd kan worden. De semi-transparantie wordt waarschijnlijk opgeroepen via een functie in het lightbox-script die aanhaakt bij een van de andere scripts.

Hopelijk komt er een lightbox-/scriptaculous-specialist langs, die dit zo even uit z'n/h'r mouw schudt.

Met vriendelijke groet,
CSShunter

 

[*Marly*]

Ik had zelf natuurlijk ook even de scripts bekeken en heb ergens wel iets van 'opacity' zien staan met een beschrijving ernaast dat je daar de opacity kunt regelen, maar of ik daar nu de 0.8 in 1 of 0 veranderde....het maakte niets uit.

Ik hoop dat iemand er toch wel even over willen buigen. Het lijkt me wel een uitdaging voor de echte JS kenner!

In ieder geval bedankt voor je reactie en ik zal voortaan wat geduldiger leren te zijn

 

[csshunter]

Ha, even vers tegenaan gekeken, en css blijkt toch een handig iets te zijn waarvoor je geen echte js-kenner hoeft te zijn. *)

De gedeeltelijke verduistering vindt namelijk plaats door een combinatie van een standaard zwarte background voor de <div id="overlay"> met een via de scripts geregelde opacity.
Betekent: als je die zwarte bg-color er uit haalt, maakt ook de opacity niets uit, en blijft alles gewoon zichtbaar.
Dus in het lightbox.css in plaats van:

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

zet je:

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

Zo ben je mooi van alles af, zonder dat je de scripts hoeft door te akkeren om de opacity of de hele #overlay er uit te halen.
Er staan nu wel wat overbodige dingen in, maar dat zal niemand opvallen.

Met vriendelijke groet,
CSShunter
____________
*) Gebruikt hulpmiddel voor de 2 minuten-diagnose: Firebug (losgelaten op www.huddletogether.com/projects/lightbox2/).
(Er staat bij Firebug dat de nieuwste versie niet werkt op Firefox 3.5.14, maar de versie Firebug 1.5.4 doet dat wel)

 

[*Marly*]

Super!!!! Je bent echt mn held!

Het was misschien ook wel een aparte vraag omdat het principe van een lightbox juist is dat de achtergrond verdonkerd, maar ik kan dan ook soms vreemde eisen stellen. In ieder geval ben ik er heel erg blij mee en hoe het uiteindelijk bereikt is maakt mij niets uit Nogmaals heel erg bedankt!

EDIT: ik heb er ook even wat mee zitten spelen en op deze manier kun je (uiteraard) de achtergrond ook een andere kleur opacity geven ipv. een zwarttint. Misschien handig om te weten als mensen op zoek zijn naar een niet al te standaard lightbox.

 

[csshunter]

op deze manier kun je (uiteraard) de achtergrond ook een andere kleur opacity geven ipv. een zwarttint. Misschien handig om te weten

Zeker weten: die is ook slim!