webForumDet fria alternativet

Centrera bild i popup?

3 svar · 282 visningar · startad av T_Codez

T_CodezMedlem sedan juli 2001458 inlägg
#1

Hej

Jag skulle vilja att bilderna som visas i "popupen" ska vara centrerade i höj och bredd. Är det möjligt att bygga ut följande kodsnutt (som jag hittat här):

	function PicInWin(x) { //v2.0
	  window.open(x,'Picture','width=375,height=275');
	}

Och anropar på detta vis:

Response.Write "<td><a href=JavaScript:PicInWin(" &"'" &"../pics/ruta/" & g_oFile.Name &"')"&">" & g_oFile.name & "</a></td>"'

Tack för uppmärksamheten

mvh / TT

dectgapMedlem sedan sep. 20021 655 inlägg
#2

Ett tips:
Det blir mycket lättare om du skriver den html-kod som asp producerar. Jag som aldrig har skrivit i asp förstår t ex inte vad det här ska betyda:

" &"'" &"

Hur som helst..
Testa att ändra funktionen till detta:

function PicInWin(x) {
	  jaja = window.open('','Picture','width=375,height=275');
	  jaja.document.write("<html>\n<head>\n<title>"+x+"</title>\n</head>\n\n<body>\n<table style='height: 100%; width: 100%;'>\n <tr>\n  <td style='text-align: center; vertical-align: middle;'><img src='"+x+"' alt=''></td>\n </tr>\n</table>\n</body>\n</html>");
	}

Om du vill kan du skicka med bakgrundsfärgen för pop-up-fönstret som ett argument. Det är kanske lite tråkigt att bara ha vit bakgrund i pop-up-fönsterna.

SleepzoneMedlem sedan okt. 20021 inlägg
#3
<head>
<script language="JavaScript" type="text/JavaScript">
// Anpassar fönstret efter bilden
function Bilden(filename,winTitel) 
{
    var myImage = new Image();
    myImage.src=filename;
    properties='height=10,width=10';
    var imgWindow = window.open('','',properties);
    
    html = '<html>';
    html += '<head>';
    html += '<title>'+winTitel+'</title>';
    html += '</head>';
    html += '<body topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">';
    html += '<img src="'+myImage.src+'" onLoad="resizeTo(document.bild.width+10,document.bild.height+29);" name="bild" OnClick="self.close();">';
    html += '</body>';
    html += '</html>';
    
    imgWindow.document.write(html);
}
</script>
</head>

Länken:
----------------
<a href="javascript:Bilden('sökväg/bild.jpg','vad den ska heta');">

T_CodezMedlem sedan juli 2001458 inlägg
#4

Thankz Ya'll :e

122 ms totalt · 3 externa anrop · v20260731065814-full.2b84b982
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
119 ms — hämta tråd, inlägg och bilagor (db)