webForumDet fria alternativet

Bild Popup Script.

PHPur PHP

4 svar · 389 visningar · startad av Okkido

Medlem sedan maj 20007 492 inlägg
Frågan#1

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

Medlem sedan nov. 19991 033 inlägg
#2

$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]

Medlem sedan juli 2004103 inlägg
#3

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

Medlem sedan juni 20006 032 inlägg
#4

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!

Medlem sedan juli 2004103 inlägg
#5

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

128 ms totalt · 3 externa anrop · v20260731065814-full.25f56b17
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)