Tha_Zaynt Skrevet 31. mars 2006 Del Skrevet 31. mars 2006 Jeg holder på å lage et fotoalbum og vil gjerne lage en funksjon der man kan klikke på thumbnailen for å forstørre bildet. Bildet skal da ikke åpnes i nytt vindu, men det skal komme opp som en popup slik som f.eks på denne siden: http://www.prisjakt.nu/produkt.php?p=63874 på denne siden ser det ut som det er tatt i bruk et ganske komplisert javascript...er det mulig å få det til med css og evt. litt php? Lenke til kommentar
janingar Skrevet 31. mars 2006 Del Skrevet 31. mars 2006 (endret) Vet ikke løsningen i CSS eller PHP, men dette javaskriptet fungerer omtrent på samme måten... du får velge selv. Her er koden jeg brukte for å fikse det. Fikk den av en kamerat for lenge siden og modifiserte den litt. <script LANGUAGE="JavaScript"> function newWin(url, name, w, h) { l = (screen.availWidth-10 - w) / 2; t = (screen.availHeight-20 - h) / 2; features = "width="+w+",height="+h+",left="+l+",top="+t; features += ",screenX="+l+",screenY="+t; features += ",scrollbars=0,resizable=0,location=0"; features += ",menubar=0,toolbar=0,status=1"; window.open(url, name, features); } </SCRIPT> Lim denne koden inn i <head> på siden din. Bruk deretter denne linken når folk skal klikke fram det store bildet: <a href="javascript:newWin('bilde.jpg', 'home', 520, 530)"> <img src="bilde.jpg" border="0"></a> De to tallene 520 og 530 angir størrelsen på popupvinduet. Den tar heller ikke hensyn til størrelsen på bildet, så husk å la popuovinduet være stort nok så hele bildet vises. Har nemlig låst størrelsen på bildet, men dette kan låses opp da. Det finnes sikkert bedre skript enn dette, men jeg fant det godt nok for mitt formål og brukte ikke mer tid på det. Om du vil se det i praksis kan du ta en titt her. håper det var til hjelp Endret 31. mars 2006 av janingar Lenke til kommentar
mikk- Skrevet 31. mars 2006 Del Skrevet 31. mars 2006 http://www.huddletogether.com/projects/lightbox/ Lenke til kommentar
Tha_Zaynt Skrevet 1. april 2006 Forfatter Del Skrevet 1. april 2006 Har ikke testet det fullt ut enda, men det virket jo genialt. takk skal du ha! Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå