kostenloser Webspace werbefrei: lima-city


Bilder per Popup öffen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    kulm

    kulm hat kostenlosen Webspace.

    Hi Leute,

    ich möchte auf einer Homepage (in php geschrieben) folgendes Einbinden:

    Ein Bild in Miniaturansicht und beim Klick öffnet sich die vergrößerte Version in einem Popup.

    Wie kann ich das am besten umsetzten? Muss ich dazu Javascript verwenden? Es handelt sich um 6 Bilder.
    Es gibts ja diese "modernen" Popup Funktionen wo das Bild dann elegant vergößert wird, evtl noch mit verdunkeltem Hintergrund: dafür wird dann wahrscheinlich Javascript pder Flash benötigt oder kann man das auch mit ein paar Code-Schnipseln einbringen?

    Dankeschonmal!
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Für diesen Effekt benötigst du aufjedenfall JavaScript oder Flash. Ich nehme mal an dass es diese Funktionen auch schon vorgefertigt gibt, so dass du keinerlei Kenntnisse benötigst und nur noch einfügen musst.

    Am besten einfach mal Google befragen :wink:
  4. Die fertigen Skripts für diese moderne, elegante Pop-Up-Funktion ;-) gibts hier :

    http://www.lokeshdhakar.com/projects/lightbox2/
  5. Autor dieses Themas

    kulm

    kulm hat kostenlosen Webspace.

    danke, ich werd dann mal versuchen hinzubekommen, das "vorgefertigte" Script scheint gut auszusehen, werd ich mal testen.
  6. teste sonst mal dieses skript
    vielleicht hilft dir das weiter

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    	<title>Unbenannt</title>
      <SCRIPT LANGUAGE="JavaScript">
      <!-- Begin
      function Foto(img){
        foto1= new Image();
        foto1.src=(img);
        Controlla(img);
      }
      function Controlla(img){
        if((foto1.width!=0)&&(foto1.height!=0)){
          viewFoto(img);
        }
        else{
          funzione="Controlla('"+img+"')";
          intervallo=setTimeout(funzione,20);
        }
      }
      function viewFoto(img){
        largh=foto1.width+20;
        altez=foto1.height+20;
        stringa="width="+largh+",height="+altez;
        finestra=window.open(img,"",stringa);
      }
      //  End -->
      </script>
    </head>
    
    <body>
    <a href="javascript:Foto('http://www.google.de/intl/de_de/images/logo.gif')">Bild 1</a><br>
    <a href="javascript:Foto('http://p.ebaystatic.com/aw/pics/logos/logoEbay_x45.gif')">Bild 2</a><br>
    </body>
    </html>
  7. a******e

  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!