Just nu i M3-nätverket
Gå till innehåll

Centrera popup


IDGer

Rekommendera Poster

Hej,

 

Jag har följande javascript på en sida:

 

<SCRIPT LANGUAGE="JavaScript">

function kdphoto(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 NewWin(img)

{ NewWin=window.open();

NewWin.focus();

Focus();}

}

function viewFoto(img){

largh=foto1.width+20;

altez=foto1.height+20;

stringa="width="+largh+",height="+altez;

finesta=window.open(img,"",stringa);}

// End -->

</script>

 

Funktionen genererar ett popup-fönster som visar en bild (enbart), och kallas på genom följande kod: <a href="javascript:kdphoto('../gfx/001.jpg')">

 

Fråga 1, hur ska jag ändra koden så att popup-fönstret blir centrerat på skärmen (oavsett upplösning)?

 

Fråga 2, popup-fönstret har en vit "ram" runt bilden, hur blir jag av med den (så att fönstret ENBART visar bilden och automatiskt får bildens storlek.. vilket den får nu också men med en vit "ram" runt)?

 

Stort tack,

Ola

 

 

 

Länk till kommentar
Dela på andra webbplatser

Jag skrev ihop en funktion för inte så länge sedan här på Eforum som gör samma sak (förutom centrering men det la jag till nu) men som dessutom anpassar storleken på fönstret till bildens storlek:

<SCRIPT LANGUAGE="JavaScript">
<!--
function openWin( windowURL, windowName ) {
conf = "scrollbars=no,resizable=yes,toolbar=no,location=no";
conf+=",directories=no,status=no,menubar=no,width=100,height=100";
thisWindow = window.open("",windowName,conf);
with (thisWindow.document){
open();
write("<html>\n<head>\n<scr"+"ipt>\n");
write("function winLoad(){\nwindow.resizeTo(document.images[0].width+12,document.images[0].height+29);\n");
write("window.moveTo(parseInt(screen.width/2-document.images[0].width/2),parseInt(screen.height/2-document.images[0].height/2));\n");
write("}\n</scr"+"ipt>\n");
write("</head>\n<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 rightmargin=0 onLoad=winLoad();self.focus();>\n");
write("<img src=\""+windowURL+"\">\n");
write("</body>\n</html>\n");
close();
}
}
</SCRIPT>

 

<a href="javascript:openWin('bil1.gif','myWin')">Bild1</a>

<a href="javascript:openWin('bild2.gif','myWin')">Bild2</a>

 

/OZn

_______________________________________________________

Microchips - De små potatisflingorna du äter allra sist i chipspåsen

 

Länk till kommentar
Dela på andra webbplatser

Jo jag provade den och det funkade utmärkt men av någon anledning inte när jag hade sidan online, vet inte varför. Hursomhelst så bytte jag till det jag använder nu.

 

MVH

Ola

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...