so-youNET // Version 8 // Fresh and Funky

Currently: 5 online
Total Hits: 3094694

- Hosting brought on 06/19/2003
- Hosted by Ace-host recommended
- 5GB space 60Gb data/month

Optimised for:

1024 x 768 resolution

Internet Explorer

Macromedia Flash
Also tested and working in:

Netscape

Mozilla Firefox

Char, 20, female, British, Gemini, ...more?

Girl

Domain

Tutorials

Goodies

Etc

Clear

1) cute-spot.com [6765]
2) cute-spot.com [4134]
3) veredgf.fre... [3463]
4) carrieware.com [1678]
5) bouncy-bubb... [966]
6) divergente.org [846]
7) rainbow-bit... [744]
8) bouncy-bubb... [733]
9) shatteredel... [639]
10) rainbow-bit... [635]
11) yanhuahuo.b... [630]
12) cute.startk... [584]
13) users.volja... [565]
14) kao-ani.com [540]
15) so-juicy.net [537]

akuhei.nu

Auto size image popup

I thought I would share this really good script with you! it automatically sizes the popup to fit your image, and it doesn't need php or anything fancy, its just javascript! copy the code below and paste it into the <head> section of your page

Click to copy to clipboard
<script language="javascript" type="text/javascript"> // Script Source: CodeLifter.com // Copyright 2003 // Do not remove this notice. // SETUPS: // =============================== // Set the horizontal and vertical position for the popup PositionX = 100; PositionY = 100; // Set these value approximately 20 pixels greater than the // size of the largest image to be used (needed for Netscape) defaultWidth = 500; defaultHeight = 500; // Set autoclose true to have the window close automatically // Set autoclose false to allow multiple popup windows var AutoClose = true; // Do not edit below this line... // ================================ if (parseInt(navigator.appVersion.charAt(0))>=4){ var isNN=(navigator.appName=="Netscape")?1:0; var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;} var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY; var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY; function popImage(imageURL,imageTitle){ if (isNN){imgWin=window.open('about:blank','',optNN);} if (isIE){imgWin=window.open('about:blank','',optIE);} with (imgWin.document){ writeln('<html><head><title>Loading...<\/title><style>body{margin:0px;}<\/style>');writeln('<sc'+'ript>'); writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){'); writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}'); writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);'); writeln('width=100-(document.body.clientWidth-document.images[0].width);'); writeln('height=100-(document.body.clientHeight-document.images[0].height);'); writeln('window.resizeTo(width,height);}');writeln('if (isNN){'); writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}'); writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('<\/sc'+'ript>'); if (!AutoClose) writeln('<\/head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">') else writeln('<\/head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">'); writeln('<img alt="" name="George" src='+imageURL+' style="display:block"><\/body><\/html>'); close(); }} </script>

Change the setup options if you like, or just leave it as it is! Change var AutoClose = true; to var AutoClose = false; if you want to allow multiple popups.

Then simple put

<a href="javascript:popImage('http://image.gif','Title')">popup!</A>

You can link with images too! Just change the url to the image you want and the title that will appear in the popup window! want an example? of course you do!

Click for Example!