Backgroundeffect bij image

Door Harmen , 16 jaar geleden, 1.700x bekeken

Als je met dit script op een plaatje klikt word deze in een soort popup getoont en word tegelijk de achtergrond 50% transparant door een PNG plaatje. Ziet er heel mooi uit. Dit script is goed te gebruiken bij fotoboeken

Bron:
http://www.huddletogether.com/projects/lightbox/

Voorbeeld: http://www.freewebs.com/haampie/

Gesponsorde koppelingen

PHP script bestanden

  1. backgroundeffect-bij-image

 

Er zijn 17 reacties op 'Backgroundeffect bij image'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Han eev
Han eev
16 jaar geleden
 
0 +1 -0 -1
Heb je ook een voorbeeld?
Jelmer -
Jelmer -
16 jaar geleden
 
0 +1 -0 -1
Dit is puur Javascript, heet lightbox en ik gebruik het al een tijdje.

Ten eerste is dit een PHP site, niet Javascript.
Daarbij is het van jouw niet bepaald netjes niet de bron/maker te melden.
Harmen
Harmen
16 jaar geleden
 
0 +1 -0 -1
Sorry Jelmer dat het geen PHP is, maar hier heb je ook een categorie met HTML én een met overige.
Verder vond ik het leuk het aan mensen te laten zien; want het is handig bij fotoboeken

Edit:
Voorbeeld is er
 
0 +1 -0 -1
Wel gaaf, en cross-browser (Opera, FF, IE) (Safari nog niet getest..).
Daan
Daan
16 jaar geleden
 
0 +1 -0 -1
In safari werk het half, ik zie niets doorzichtigs, en rechtbovenaan staat een afbeelding niet gevonden tekentje
http://www.huddletogether.com/projects/lightbox/
werkt wel goed
Kalle P
Kalle P
16 jaar geleden
 
0 +1 -0 -1
kende ik al :D
PHP Newbie
PHP Newbie
16 jaar geleden
 
0 +1 -0 -1
ik heb nu dit:

<link rel="stylesheet" href="../style.css" type="text/css">
...
<script language="JavaScript" src="../image.js" type="text/JavaScript"></script>
...
<a onClick="showLightbox(this); return false;" href="../fotos/vod/vodnl1cd.jpg">
<img src="../fotos/vod/vodnl1cd.jpg" width=140 height=140 border=0 GALLERYIMG="no">
</a>

zowel het javascript, als het css bestand, als de afbeeldingen zijn goed gelinkt, maar als ik op een plaatje klik, wordt het plaatje geopend in het venster i.p.v. mooi met css e.d.

kan iemand de fout ontdekken
- SanThe -
- SanThe -
16 jaar geleden
 
0 +1 -0 -1
Ziet er zeer fraai uit. Erg mooi. (Tenminste het resultaat. Code heb ik nog niet bekeken.)
Bo az
Bo az
16 jaar geleden
 
0 +1 -0 -1
Indrukwekkend idd.

Ik kan trouwens nergens wat over een Licence vinden, mag je dit zomaar gebruiken/mee doen wat je wil?
Hamid Komairi
Hamid Komairi
16 jaar geleden
 
0 +1 -0 -1
idd mooi :)
Tariq
Tariq
16 jaar geleden
 
0 +1 -0 -1
Versie 2:
http://www.huddletogether.com/projects/lightbox2/

Op die pagina:
Can I use the script in a commercial project?
Yes. It is licensed under the Creative Commons Attribution 2.5 License. A donation would be nice, hint hint.

De licence:
http://creativecommons.org/licenses/by/2.5/
SunTzu
SunTzu
16 jaar geleden
 
0 +1 -0 -1
Dit is de welbekende Lightbox (II).

Het script werkt op alle browsers.. ook op safari (waar ik zelf nu op zit te werken op stage/thuis). Dit hoort inderdaad bij HTML/Javascript, en versie II roxxx :)
Harmen
Harmen
16 jaar geleden
 
0 +1 -0 -1
Ik wist niet dat het bekend was,
verder vind ik Versie 2 niet bepaald mooier. dan kan je het beter nog in Flash gaan doen ipv dat eindeloze javascript;
Vandaar dat ik ook versie 1 heb gepost
Derk nvt
Derk nvt
16 jaar geleden
 
0 +1 -0 -1
Ik vind dit dus helemaal niks... Versie 1 gaat nog wel maar versie 2 duurt me veel te lang voordat je de image te zien krijgt, en zeker omdat ik in een fotoalbum graag wat sneller door alle foto's heen spit. Doe mij maar een pop-up of gewoon de grote image in een nieuwe, lege pagina....
Harmen
Harmen
16 jaar geleden
 
0 +1 -0 -1
Het laden bij mijn voorbeeld duurt idd erg lang; dat komt doordat freewebs niet een snelle host is denk ik. Als je het script 'gewoon' gebruikt gaat het ook veel sneller
Bert Janssen
Bert Janssen
16 jaar geleden
 
0 +1 -0 -1
Ik heb de lightbox toolkit gebruikt in mijn fotoalbum script zie: http://www.maryska.nl onder photography.
Ik speel nog met het idee om hier een Joomla module van te bouwen.
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Steffen
Steffen
16 jaar geleden
 
0 +1 -0 -1
Ga zelf ook alleen versie 1 gebruiken, maar alleen voor wat losse foto's, omdat je niet verder kunt klikken naar de volgende foto. Daar gebruik ik wel een uitgebreide gallery creator voor.

v2 ziet er misschien wel gelikt uit, maar nadeel blijft dat het altijd langzamer werkt.

Om te reageren heb je een account nodig en je moet ingelogd zijn.

Inhoudsopgave

  1. backgroundeffect-bij-image

Labels

  • Geen tags toegevoegd.

Navigatie

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.