[PHP] kleines BilderPopUpscript

Dieses Thema im Forum "Webentwicklung" wurde erstellt von GaYlORd, 30. September 2007 .

Schlagworte:
  1. 30. September 2007
    kleines BilderPopUpscript

    Servus!

    Nachdem hier öfters nach Bilderscripten bzw. Bilder im PopUp öffnen gefragt wird, ist mal meins!
    Ich weiß, dass es net deluxe is, aber es reicht und funktioniert!

    Vorschau: bilderpopup

    Verwendet wurde js und php:

    bildausgabe:
    PHP:
    <? php
    $image2 
    "/Pfad/zum/Bild" ;
    $image3  "/Pfad/zum/Bild" ;
    $size  getimagesize ( $image2 );
    $breite  $size [ 0 ];   // berechnet die breite o_O
    $hoehe  $size [ 1 ];   // und die höhe!^^

    echo  "<a href=\"javascript:popUp(' $image3 ', ' $breite ', ' $hoehe ')\">" ;
    ?>
    <img src="<?php  echo  $image2 ?>" alt="Bildname" border="0" widht="130" height="102" /></a>
    und die popup.js
    Code:
    var winhandle = null;
    
    function popUp(aURL, aWidth, aHeight) {
     if ((winhandle != null) && (! winhandle.closed)){
    
     winhandle.document.images["deinbild"].src=aURL;
    
     var isNN=(navigator.appName=="Netscape")?1:0;
     var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;
    
     if (isNN) {
     winhandle.innerHeight = aHeight + 20;
     winhandle.innerWidth = aWidth + 20;
     winhandle.innerHeight = aHeight;
     winhandle.innerWidth = aWidth;
     }
     else if (isIE) {
     winhandle.resizeTo(aWidth + 10, aHeight+29);
     dWidth = aWidth - winhandle.document.body.clientWidth;
     dHeight = aHeight - winhandle.document.body.clientHeight;
     winhandle.resizeBy(dWidth, dHeight);
     }
     else {
     winhandle.resizeTo(aWidth + 10, aHeight+29);
     }
    
     }
     else
     {
     winhandle=window.open("", "imagewin", 'width=' + aWidth + ', height=' + aHeight);
    
     with (winhandle.document){
    
     writeln('<html><head>');
     writeln('<title>Titel der PopUpSeite</title>');
     writeln('<meta http-equiv="imagetoolbar" content="no">');
     writeln('<link href="stylesheet.css" media="all" rel="stylesheet" type="text/css" />');
     writeln('</head>');
     writeln('<body topmargin="0" leftmargin="0" style="margin:0px;">');
     writeln('<div valign="middle" align="center"><a href="javascript:window.close();"><img name="name" src="' + aURL + '" style="display:block" border="0"></a><br /><br /></div>');
     writeln('</body></html>');
     close();
     }
     }
     
     winhandle.focus();
    
    }
    

    So, das wars.
    Is simpel, aber dem ein oder anderen wirds vllt. helfen bzw. zeit erspare ein solches zu suchen bzw. schreiben.

    Comments könnt ihr auch da lassen! =)

    gruß
    gl
     
  2. 1. Oktober 2007
    AW: kleines BilderPopUpscript

    warum ermittelst du die breite und höhe ned auch via javascript?
     
  3. 1. Oktober 2007
    AW: kleines BilderPopUpscript

    hm, bei mir is des script in verwendung in riesigen gallerien.
    Das geht recht schnell, weil die bilder au immer erst aus der datenbank geladen werden bzw. der pfad und bilder namen.

    fand das so angenehmer.

    ok, ne "demo" kommt bald.

    gruß
    gl
     
  4. 3. Oktober 2007
    AW: kleines BilderPopUpscript

    Hier ne Vorschau:

    bilderpopup

    is nur ein Bild!^^
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.