kostenloser Webspace werbefrei: lima-city


Popup bei Klick auf Bild ..

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    s**f

    Heidiho,

    ich hatte vor eine kleien Tabelle mit Bildern zu bauen, wobei man die Bilder einzeln anklicken kann, und diese sich dann in einem Popup (o?) bei voller Gr??e ?ffnen.
    Ich bin ein ziemlicher scriptnoob .. nur so nebenbei :biggrin:
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. m*2

    JavaScript brauchst du da nicht.

    <table>
    <tr><td><a href="bild_gro?.jpg" target="_blank"><img src="bild_klein.jpg" /></a></td></tr>
    </table>
  4. Autor dieses Themas

    s**f

    Ja .. :slant: so hab ichs ganz fr?her gemacht, bis es mir zu umst?ndlich wurde..
    Ich hatte schonmal ein entsprechendes Script - bis die Platte sich mal verabschiedet hat:nosmile:
  5. muss bei bild klein der name des icons und bei bild gro? der name des richtigen bildes? oda alles so stehen lassen? mach ma nen beispiel weil ich bin ein noch gr??erer noob:biggrin:
  6. a href steht ja f?r den link wo es hingehen soll
    das img src steht f?r das bild das als link dienen soll.

    hast es also richtig beschrieben :cool:
  7. Wenn du es mit Javascript machen willst, sollte es so gehen:

    <html>
    <head>
    <script language=javascript>
    function OpenWindow(z1)
    {
    meinFenster = open(z1,"FF2","width=400,height=250,resizable=yes,directories=no,menubar=no,location=no")
    }
    </script>
    </head>
    <body>

    1. M?glichkeit
    <img src=bild.jpg OnClick='OpenWindow("Pfad")' OnMouseOver='this.style.cursor="hand"'>

    2.M?glichkeit
    <a href='javascript:OpenWindow("Pfad")'><img arc=bild.jpg></a>

    </body>
    </html>

    Bei der L?sung mit <a href> muss noch ggf. der Rahmen weg..

    mfg mace

  8. hm... und wenn ich jetz mehrere bilder hab muss ich dann diesen script ?fters benutzen oda nur einmal und das z?hlt dann f?r alle bilder?
  9. Hier ist mein Vorschlag. Diesen benutze ich auch f?r meine Homepage. Bei diesem script die die gr??e automatisch angepast.

    <html>
    <head>
    <script type="text/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('bild_gross.jpg')" border="0" onFocus="blur()"><img src="bild_klein.jpg"></a>


  10. hm... und wenn ich jetz mehrere bilder hab muss ich dann diesen script ?fters benutzen oda nur einmal und das z?hlt dann f?r alle bilder?


    Es reicht wenn du du bei jedem Bild nur den Inhalt von OpenWindow(HIER) ?nderst.
  11. ich hab auch was gefunden bei der tutorials..

    http://www.lima-city.de/tutorials?m=show&id=97&sid=9b1d659c0a5c698d23bef5d22dc3b1e2

    ist auch ziemlich gut ^^
  12. 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!