pop-up's

Discussion in 'Software' started by nox, Oct 31, 2003.

  1. nox

    nox Private E-2

    Hi,
    I'm curently building a portfolio website. The main page contains links to all my art projects, whenever a link gets clicked a popup opens showing a slideshow of a serie of 800x600 pixel jpg images of every project. I'd like to know how I can make the pop-up window fit exactly around the jpg file, their's always a border of a few pixels above and at the right side, I've now enlarged the popup window so that the image is centered but that doesn't do the design any good (If I keep the size of the window at 800x600 a piece of the picture just gets cutn off) so anyone any suggestions for how I can do this the right way? Thanks...

    This is the code I use for the popup window: http://javascript.internet.com/generators/popup-window.html


    <!-- TWO STEPS TO INSTALL POPUP WINDOW:

    1. Paste the first into the HEAD of your HTML document
    2. Use the code to open the popup page on your site -->

    <!-- STEP ONE: Copy this code into the HEAD of your HTML document -->

    <HEAD>

    <SCRIPT LANGUAGE="JavaScript">

    <!-- Begin
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=800,height=600,left = 176,top = 132');");
    }
    // End -->
    </script>


    <!-- STEP TWO: Use the following link to open the new window -->

    <A HREF="javascript:popUp('popup.htm')">Open the Popup Window</A>

    <!-- Script Size: 0.73 KB -->
     
    nox, Oct 31, 2003
    #1
  2. Kodo

    Kodo SNATCHSQUATCH

    not sure how to do it in javascript but my guess would be to acutally read the dimensions of the file and slap then into a variable and then use those variables as the height/width values in your script.
     
    Kodo, Oct 31, 2003
    #2
  3. Silent Whisper

    Silent Whisper Private E-2

    try sticking

    TOPMARGIN=0
    LEFTMARGIN=0
    RIGHTMARGIN=0
    BOTTOMMARGIN=0

    into an HTML body tag
     
    Silent Whisper, Nov 14, 2003
    #3

MajorGeeks.Com Menu

Downloads All In One Tweaks \ Android \ Anti-Malware \ Anti-Virus \ Appearance \ Backup \ Browsers \ CD\DVD\Blu-Ray \ Covert Ops \ Drive Utilities \ Drivers \ Graphics \ Internet Tools \ Multimedia \ Networking \ Office Tools \ PC Games \ System Tools \ Mac/Apple/Ipad Downloads

Other News: Top Downloads \ News (Tech) \ Off Base (Other Websites News) \ Way Off Base (Offbeat Stories and Pics)

Social: Facebook \ YouTube \ Twitter \ Tumblr \ Pintrest \ RSS Feeds