popup images from thumnails

  • hi,
    after having been looking arround without any result the way to make thumbnails that popups the fullsize images i decided to do it my self based on Steve Ivy???′s script ( https://rm.bookdev.com/upload_with_thumbnail_code.phps ). it is not a really clean solution but i hope that can help someone like me ??
    there it goes:
    in upload.php (“wp-admin” folder) replace this:
    if ( ereg('image/',$img1_type)) {
    $piece_of_code = "<img src=&quot;". get_settings('fileupload_url') ."/$img1_name&quot; alt=&quot;$imgdesc&quot; />";
    } else {
    $piece_of_code = "$imgdesc";
    }
    with this:
    if($_POST['thumbsize'] != 'none' ) {
    $path = explode('/', $pathtofile);
    $thumbpath = substr($pathtofile, 0, strrpos($pathtofile, '/')) . '/thumb-' . $path[count($path)-1];
    $thumbfile = 'thumb-' . $path[count($path)-1];
    // get thumbnail size
    $sizes = getimagesize($thumbpath);
    if ( ereg('image/',$img1_type)) {
    $piece_of_code = "popup image code:

    <b><img ". $sizes[3] ." src=&quot;". get_settings('fileupload_url') ."/$thumbfile&quot; alt=&quot;$imgdesc&quot; /></b>

    "."fullsize image code:

    <img src=&quot;". get_settings('fileupload_url') ."/$img1_name&quot; alt=&quot;$imgdesc&quot; />";
    } else {
    $piece_of_code = "$imgdesc";
    }
    } else {
    if ( ereg('image/',$img1_type)) {
    $piece_of_code = "<img src=&quot;". get_settings('fileupload_url') ."/$img1_name&quot; alt=&quot;$imgdesc&quot; />";
    } else {
    $piece_of_code = "$imgdesc";
    }
    }
    then we have to add the javascript popup function from CodeLifter.com into the header.php we are using (if using multiple themes – 1.3 alpha 5)
    <script>
    // 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 name="George" src='+imageURL+' style="display:block"></body></html>');
    close();
    }}
    </script>
    well, thats all ??
    just one more thing. i found some problems with the upload.php when uploading an image with same name as one allready existing in the “upload folder”. i posted it here:
    https://www.ads-software.com/support/6/18693
    thank you,
    sergio

Viewing 2 replies - 1 through 2 (of 2 total)

  • Ok I got everything except what header.php I am suppose to put the javascript into. I’m not using the themese right now, I just have the basic default layout wordpress comes with.

    Ok, I ended up getting the script in the headrer and everything working… but for some reason, the popup doesn’t work in IE. I use Firefox so I didn’t notice the problem at first. Is there something I can do to fix this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘popup images from thumnails’ is closed to new replies.