Bild Popup Script.

Till en sida jag håller på med skulle jag behöva hjälp med ett script.

Ett script ska ta ut en bilds höjd och bredd och när man klickar på thumbnailen öppnas orginalbilden i ett popup som är anpassat efter bildens storlek.

Någon som vet var jag kan få tag i ett färdig sådant här script eller hur jag ska gå till väga för att göra ett?

------------------

En gilf är inte alltid en gilf när det är en balk

/Rutger Travolta

$imageSize = GetImageSize ("$fileName");
Värdena hamnar i $imageSize[0] och $imageSize[1] som sedan kan användas för att bestämma storleken på popup-fönstret.
Skript för popup borde finnas en hel del i JavaScript-forumet.

[r]
Här finns ett förresten http://www.jojoxx.net/jscript/archive/imgpopup.html
Byt ut

<a href="#" onClick="('calvin.gif',135,155); return false;">Visa bild</a>

mot

<a href="#" onClick="('$fileName',$imageSize[0],$imageSize[1]); return false;">Visa bild</a>

och sedan byter du ut \n mot \\n samt avslutande taggar i JavaScript ska enligt W3C föregås med \
Exempelvis ska write("</body>\n</html>\n"); vara write("<\/body>\\n<\/html>\\n");

[Redigerat av FlashX den 15 jan 2002]

ingen som vill utvecka?

Länken fungerar inte och jag tycker det hade varit toppen, finns det dock ingen lösning på detta utan att använda sig javascript i head-taggen?

Jag har ett dynamsikt antal bilder och behöver alltså även loopa ut javascriptet med oluka namn??

var finner jag någåt trevligt exempel eller en tutorial?

// B

Detta javaskript anpassar fönstret efter storleken på bilden.

Läggs inom head

<script type="text/javascript"><!--
function openimg(img){
  foto1= new Image();
  foto1.src=(img);
  Controlla(img);
}
function Controlla(img){
  if((foto1.width!=0)&&(foto1.height!=0)){
    viewFoto(img);
  }
  else{
    funzione="Controlla('"+img+"')";
    intervallo=setTimeout(funzione,20);
  }
}
function viewFoto(img){
  largh=foto1.width+20;
  altez=foto1.height+20;
  stringa="width="+largh+",height="+altez;
  finestra=window.open(img,"",stringa);
}
//--></script>

Och länken från thumbnailen

<a href="javascript:openimg('foton/bildensnamn.jpg')"><img src="thumbs/bildensnamn.jpg" border="0" alt="Klicka för förstoring"></a>

Kanske kan vara något?

Du kan se det "in action" HÄR!

Tack Pedda

Tackar, detta fungerade alldeles utmärkt. synd att man inte startade tråden och kan avsluta den.

en kort följdfråga som jag klurade på och som förmodligen är enelt för en javascriptsguru är hur jag skulle kunna implementerar

onBlur="window.close()"

som möjliggör att fönstret stängs ner oavsett var på bilden man trycker.

/ b3rra