Foto viewsysteem in website, hoe?
22 augustus 2007 - 10:42   
geplaatst door: pakito
Steeds vaker zie ik websites opduiken waarbij na het klikken van de website de gehele pagina iets donkerder wordt en een foto centraal wordt weergegeven, dit gebeurt o.a. op ons aller geliefde apple.com en op stockfoto-sites. Een voorbeeldje zie je als je bvb hier http://starbase.tales.be/magenta%2Droem/templates/ndl/roemgroup/roemyerseke.oesters.asp op een afbeelding onderaan klikt.

Het lijkt me zo'n populair systeem te zijn dat er waarschijnlijk handige tools of eenvoudige oplossingen (begrijpbaar voor een basis-HTML kenner) zijn om een dergelijk systeem te implementeren in je website. Weet hier iemand meer over?

Foto viewsysteem in website, hoe?
22 augustus 2007 - 11:08    reactie #1
geplaatst door: macossie
uitleg: ThickBox

:reading: en dan kom je er wel uit :reading:

Foto viewsysteem in website, hoe?
22 augustus 2007 - 11:08    reactie #2
geplaatst door: Kapotlood
Ja hoor :) Er zijn naar ik weet 3 populaire "makkelijke" opties, waarbij
je hooguit wat basiskennis nodig hebt (ze hebben tutorials op hun site);
- Thickbox
- Greybox
- Lightbox

Als je op die termen zoekt op Google vind je geheid wat je wilt :)
Ze doen grofweg alledrie hetzelfde, op een paar kleine mogelijkheden na.
Onderhuids zijn ze overigens soms best verschillend, maar da's niet echt
iets waar je je druk om hoeft te maken.

Trouwens, let er wel op dat PC-gebruikers die JavaScript hebben uitstaan,
deze effecten niet kunnen zien. Dan werkt het helemaal niet, tenzij je iets
weet waardoor je een soort alterrnatief hebt wat inspringt als het niet werkt :-)

Foto viewsysteem in website, hoe?
22 augustus 2007 - 21:34    reactie #3
geplaatst door: pakito
Greybox ziet er schitterend uit, maar ik slaag er niet in dit in mijn website te implementeren.

Op http://www.konijnmetpluimen.be/testarea/kmp/ zie je mijn poging, maar als ik op de zwart/wit thumb klik laadt de grote tekening gewoon in een nieuw venster ipv in het greybox systeem.

Wat doe ik mis?  :crazy:

Foto viewsysteem in website, hoe?
23 augustus 2007 - 13:16    reactie #4
geplaatst door: pakito
Ondertussen heb ik al een foutje uit de code gehaald maar het wil nog steeds niet lukken. Iemand?  :shocked:
Foto viewsysteem in website, hoe?
29 augustus 2007 - 07:15    reactie #5
geplaatst door: pakito
Ondertussen heb ik alle euvel kunnen oplossen (zie http://www.konijnmetpluimen.be/testarea/kmp ),
dus wil ik gewoon even meedelen voor mensen die van plan zijn greybox te gebruiken, dat je geen preloads van afbeeldingen kan doen.

Best is om mouseovers via CSS te laten gaan.

Foto viewsysteem in website, hoe?
29 augustus 2007 - 08:32    reactie #6
geplaatst door: LanderL
Well done! Knappe site!

Succes!

Foto viewsysteem in website, hoe?
29 augustus 2007 - 16:34    reactie #7
geplaatst door: bertvanderveen
Yep, mooie site & bij mij zeker niet traag. Wel een opmerking: is die navigatiebalk niet dichterbij de afbeelding te krijgen? Zou m.i. handiger zijn.
Bert Vanderveen [...]
+++ Applegebruiker sinds 1989 (van System 6 via OSX naar macOS 15)
Foto viewsysteem in website, hoe?
31 augustus 2007 - 22:11    reactie #8
geplaatst door: pakito
Bedankt voor de leuke reacties. Wat bedoel je precies met die nav balk?
Foto viewsysteem in website, hoe?
1 september 2007 - 00:15    reactie #9
geplaatst door: hitchhiker
De balk waarin je voor- en achteruit knoppen zitten. Ze zouden direct (boven) aan de rand van de illustratie horen te zitten. Als je toch bezig bent: zet dan de sluit-control ook dichter bij de andere, evenals de titel, ze hangen nu een beetje in het luchtledige. Ze horen er niet echt bij.
O ja: de pijltjes mogen grijs als er niks te bladeren is.
Tot slot: omdat je niks sluit, graag een ander symbool om terug te gaan. :withstupid:
Foto viewsysteem in website, hoe?
1 september 2007 - 07:11    reactie #10
geplaatst door: pakito
hitchhiker, dat klinkt allemaal zeer praktisch  :thumbs-up:

… Maar zo ver reikt mijn kennis niet :wacko:

Mocht je weten hoe dit allemaal moet, dan ben ik je zeer dankbaar voor de uitleg …

Foto viewsysteem in website, hoe?
1 september 2007 - 16:11    reactie #11
geplaatst door: hitchhiker
Heb je die balk niet zelf gemaakt dan? :wacko:
Foto viewsysteem in website, hoe?
1 september 2007 - 16:15    reactie #12
geplaatst door: pakito
Die balk is afkomstig van Greybox, een systeem dat in de site geïmplementeerd is, maar niet door mij ontwikkeld … :wacko: