Bernd: Bildergröße bei Hyperlink festlegen möglich??

Hallo zusammen!

Ich habe folgendes Problem:

Ich möchte eine Bilder-CD erstellen auf der viele Bilder in hoher Auflösung vorhanden sind.

Diese Bilder habe ich auch als Thumbnail-Vorschau in HTML eingebunden. Wenn ich nun auf ein Thumbnail-Bild klicke und es sich in einem neuen Fenster öffnet, erhalte ich bei älteren Browserversionen das Originalbild in hoher Auflösung und das ist natürlich vieeeel zu groß!

Im Moment öffne ich die Bilder wie folgt:

<a href="../../02_08_25/P8250001.JPG" target="_blank">

Hierbei kann ich dem Bild keine Größe mitgeben wie z. B. beim IMG SRC Befehl!(<img src="P8250001.JPG" height=500>)

Ist das überhaupt mit HTML möglich ?

Vielen Dank für Eure Hilfe
Bernd

  1. Hi,

    <a href="../../02_08_25/P8250001.JPG" target="_blank">

    Hierbei kann ich dem Bild keine Größe mitgeben wie z. B. beim IMG SRC Befehl!(<img src="P8250001.JPG" height=500>)

    Ist das überhaupt mit HTML möglich ?

    nein, auser du machst für jedes bild eine eigene htmlpage.
    Mit Javascript schon: Du machst eine html seite für die bilder, beim aufruf dieser übergibst du der neuen page einen anhang(bilder.html?bild1.jpg), Dann muss du mit window.location.search in der seite bilder.html den anhang auslesen und das entsprechene bild mit window.document.images[0] laden, wobei die bildergröße im neuen fenster bereits defeniert ist. Wenn du  kein js kannst, mach ich dir ein Beispiel.

    Grüße aus Düsseldorf,

    --
    Aleksej
    1. Hi,

      <a href="../../02_08_25/P8250001.JPG" target="_blank">

      Hierbei kann ich dem Bild keine Größe mitgeben wie z. B. beim IMG SRC Befehl!(<img src="P8250001.JPG" height=500>)

      Ist das überhaupt mit HTML möglich ?
      nein, auser du machst für jedes bild eine eigene htmlpage.
      Mit Javascript schon: Du machst eine html seite für die bilder, beim aufruf dieser übergibst du der neuen page einen anhang(bilder.html?bild1.jpg), Dann muss du mit window.location.search in der seite bilder.html den anhang auslesen und das entsprechene bild mit window.document.images[0] laden, wobei die bildergröße im neuen fenster bereits defeniert ist. Wenn du  kein js kannst, mach ich dir ein Beispiel.

      Grüße aus Düsseldorf,

      Hallo Aleksej!

      Vielen Dank für deine Infos!

      Habs mir fast gedacht dass es nur über einzelne HTML-Seiten oder über JS geht! Allerdings habe ich ca. 1000 Bilder und keine Lust 1000 HTML-Seiten zu generieren.

      Mit JS habe ich mich noch nicht befasst und wäre dir daher dankbar wenn du mir ein Beispiel machen könntest!

      Gruß
      Bernd

      1. Hallo Bernd,

        Mit JS habe ich mich noch nicht befasst und wäre dir daher dankbar wenn du mir ein Beispiel machen könntest!

        gerne:

        hauptdatei mit den links
        ---
        <html>
        <head>
        <script language="JavaScript" type="text/JavaScript">
         function angabensenden(bildername) {
         window.open('bilder.html?'+bildername,'bilderpage')
        //            ^^^^^^^^^^^ wenn die datei mit den bildern andrs als bilder.html heisst oder wo anders liegt, kannst du diese angebe änderrn, nur das ? muss bleiben(!).
         }

        </script>
        </head>
        <body>
          <a href="javascript:angabensenden('nixe.jpg')">nixe</a>
            <!--                             ^^^^^^^^ Bildername -->
          <a href="javascript:angabensenden('winter.jpg')">winter</a>
          <a href="javascript:angabensenden('kills.bmp')">kills</a>
        </body>
        </html>
        ---
        datei für bilder (bilder.html)
        ---
        <html>
        <head>
        <script language="JavaScript" type="text/JavaScript">
        function bildersetzen() {
        var bildsrc = window.location.search
        bild = new Image()
        bild.src = bildsrc.slice(1,bildsrc.length)
        window.document.bildername.src = bild.src
        }
        </script>
        </head>
        <body onLoad="bildersetzen()">
         <img src="keinbild.jpg" name="bildername" style="width:50px; height:50px;">
        //         ^^^^^^^^^^^^ da kommt ein bild, welches erscheint, wenn die datei direckt geöffnet wurde.
        </body>
        </html>
        ---

        Grüße aus Düsseldorf,

        --
        Aleksej