Probleem met lightbox in NVU

[Poehtje]

Ik ben bezig met een lightbox op mijn website, maar ik krijg hem niet werkend zoals ik graag zou willen. De bedoeling is dat ik een thumbnail van een plaatje heb, en daaronder 1 vergrootglas waarachter dan 2 afbeeldingen van de thumbnail moeten staan, te weten 1x gewoon vergroot, en 1x een detailafbeelding. Nu lukt dit alleen maar wanneer ik 2 vergrootglaasjes achter elkaar heb staan. Mijn site staat nog niet helemaal online, dus ik heb even een pagina gestript als voorbeeld:

http://www.demijmerij.nl/lightbox.html

Wat ik dus graag wil dat is 1 vergrootglas met daarachter verscholen de twee detailfoto's van de thumb. Ik heb zelf dit al gevondenop http://www.pc-helpforum.be/f129/lightbo ... ils-25371/:

html: <a href="afb/grotefoto1.jpg" rel="lightbox[Kerststoffen]" title="Gingerbread"><img src="afb/vergroot.png" alt="Gingerbread" title="Gingerbread" /></a>
<a href="afb/grotefoto2.jpg" class="hidden" rel="lightbox[Kerststoffen]" title="Gingerbread Detail"></a>

De bedoeling is dan dat ik in de css de volgende code zet:

#DIVNAAM a.hidden {
display:none;
visibility:hidden;
}

Maar ik weet nu ten eerste niet waar ik dan de DIVNAAM in de bron van NVU moet plaatsen, plus dat hij het dan nog op geen enkele wijze doet. Er wordt bij het voorbeeld maar 1 plaatje getoont, en bij terugkeer naar de bron in NVU is de tweede link weer verdwenen.

Hoe kan ik dit oplossen, of wil ik teveel?

Een tip om het randje rond het vergrootglas weg te krijgen is overigens ook welkom.

[knorretje]

De schrijver op het forum gaat er volgens mij van uit dat de vervolgfoto's (zonder vergrootglas) in een aparte DIV staan met een bepaalde id-code, bijv. onderaan de pagina.
Voor DIVNAAM moet je dan de id-code invullen.

html:
<a href="afb/grotefoto1.jpg" rel="lightbox[Kerststoffen]" title="Gingerbread"><img src="afb/vergroot.png" alt="Gingerbread" title="Gingerbread" /></a>

en html:
<div id="Verborgen">
<a href="afb/grotefoto2.jpg" class="hidden" rel="lightbox[Kerststoffen]" title="Gingerbread Detail"></a>
</div>

De css wordt dan:

#Verborgen a.hidden {
display:none;
visibility:hidden;
}

[nirwana]

Een tip om het randje rond het vergrootglas weg te krijgen is overigens ook welkom.

Zelf gebruik ik Kompozer in plaats van Nvu. Kompozer is eigenlijk een verbeterde versie van Nvu.

In Kompozer kan ik bij de link onder een afbeelding de optie "Rand om gekoppelde afbeelding weergeven" aanvinken. Echter staat die optie standaard niet aangevinkt.

Als je die optie in Nvu niet hebt, dan kun je altijd nog in de eigenschappen van de afbeelding kiezen voor Geavanceerd bewerken. Vervolgens kun je onderin dat scherm bij Attribuut kiezen voor border en vervolgens vul je daarnaast bij Waarde 0 in. Daarmee geef je in CSS-code dezelfde opdracht als die dat vinkje invoegt.

[Poehtje]

Dank je Martijn. Maar met de oplossing van knorretje werkt het met het vergrootglas, en is ook meteen het randje er om weg. Ik kan nu alleen in het voorbeeld niet meer de achtergronden van mijn css tabel zien, maar nu heb ik ook pas Google Chrome gedownload (die mij overigens niet echt bevalt), dus misschien dat het daar aan kan liggen dat deze de achtergrondafbeeldingen in een tabel niet weergeeft in het voorbeeld?

En kan ik met Kompozer wel gewoon ook mijn al gemaakte NVU pagina's openen en bewerken, en werkt het wel een beetje hetzelfde als NVU dan? Ik neem aan dat er hier dan wel ergens een downloadlink van op het forum staat? Sorry voor alle vragen, maar NVU is al haast met mij vergroeid, dus moet wel heel wat beter zijn voor ik evt. overstap

@knorretje: het werkt dus zoals jij zei, thanks!

[nirwana]

En kan ik met Kompozer wel gewoon ook mijn al gemaakte NVU pagina's openen en bewerken, en werkt het wel een beetje hetzelfde als NVU dan? Ik neem aan dat er hier dan wel ergens een downloadlink van op het forum staat? Sorry voor alle vragen, maar NVU is al haast met mij vergroeid, dus moet wel heel wat beter zijn voor ik evt. overstap.

Kompozer = Nvu + nieuwe naam + verbeteringen. Oftewel, je kunt het verschil alleen in positieve zin merken.
Downloadlink: www.kompozer.net

[Poehtje]

Ik zie nu pas dat ik hier (ook) nog niet op gereageerd had , maar je hebt/had helemaal gelijk

Ik gebruik het nu een paar weken en bevalt vèèl beter dan NVU. Voor wie nog twijfelen om over te stappen die kan ik het echt aanraden.


Thanks!

[nirwana]

Wat mij betreft duurt het niet lang meer dat gebruikers van Kompozer kunnen overstappen naar Bluegriffon.
Maar goed, dan moet die software eerst zover klaar zijn dat we die ook in het Nederlands kunnen vertalen.

Ik heb net de Bluegriffon-website weer bekeken en die wordt meer getransformeerd naar een echte website. De weblog die het voorheen was is er nog wel, maar is wat meer achter de schermen verplaatst. Je krijgt daar nu al de indruk dat Bluegriffon al af is, maar voorlopig wordt er een versie 0.8 ter download aangeboden. Ik neem aan dat Bluegriffon pas af is voor algemeen gebruik bij een versie 1.0 en dat die dan ook door vrijwilligers vertaald kan worden.