Justin: href einer Grafik erfassen

SELF-Forum

href einer Grafik erfassen

Justin
– Informationen zu den Bewertungsregeln

Hallo,
Ich habe folgendes:
<a href="bildgroß.jpg"><img src="bildklein.jpg" onclick="show( ? )"></a>
Dazu habe ich eine JS Funktion, aber ich muss eigentlich nurnoch wissen,
wie ich an die Link-URL komme ("bildgroß.jpg").

Dann würde ich gerne noch wissen, ob man das onclick="show()"
automatisch allen Bildern zuweisen kann.
Bezwecken will ich damit, dass man bei klicken auf ein thumbnail
die große version des Bildes zu sehen bekommt, das href brauch ich
also, da sonst bei deaktiviertem JS ja nix passiert.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. href einer Grafik erfassen

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Ich habe folgendes:
    <a href="bildgroß.jpg"><img src="bildklein.jpg" onclick="show( ? )"></a>
    Dazu habe ich eine JS Funktion, aber ich muss eigentlich nurnoch wissen, wie ich an die Link-URL komme ("bildgroß.jpg").

    In dem du dir eine Referenz auf den Link besorgst, und den Inhalt von href ausliest.

    Also überlege dir, in welcher Beziehung sich der Link zum Bild befindet.

    Dann würde ich gerne noch wissen, ob man das onclick="show()"
    automatisch allen Bildern zuweisen kann.

    Ja.
    Durchlaufe document.images in einer Schleife, und weise der Eigenschaft onclick der einzelnen Bilder die Funktionsreferenz zu.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. href einer Grafik erfassen

      Justin
      – Informationen zu den Bewertungsregeln

      In dem du dir eine Referenz auf den Link besorgst, und den Inhalt von href ausliest.
      Also überlege dir, in welcher Beziehung sich der Link zum Bild befindet.

      Also um auf den Link zu kommen, müsste ich wie beim aufsteigen
      in den Ordnern vorgehen zB this.../.href, wobei das ../ sicher nicht im
      JS geht, wie geht es hier?

      Durchlaufe document.images in einer Schleife, und weise der Eigenschaft onclick der einzelnen Bilder die Funktionsreferenz zu.

      Sowas habe ich noch nie gemacht, wäre nett wenn du mir ein kleines
      Besipiel machen könntest.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. href einer Grafik erfassen

    vonHandCoder
    – Informationen zu den Bewertungsregeln

    Hallo

    ähnliches Posting, gar dein eigenes?

    <a href="bildgroß.jpg"><img src="bildklein.jpg" onclick="show( ? )"></a>

    <a href="bildgroß.jpg"></a>
    ...ist ein Download-Link, deine Intention?

    Dazu habe ich eine JS Funktion, aber ich muss eigentlich nurnoch wissen,
    wie ich an die Link-URL komme ("bildgroß.jpg").

    So?
    <img src="bildklein.jpg" onclick="show('bildgroß.jpg')">

    Dann würde ich gerne noch wissen, ob man das onclick="show()"
    automatisch allen Bildern zuweisen kann.

    Du kannst dokumentweit Events abfragen, und dann auswerten, ob das auslösende Element eines deiner Vorschaubilder war. Ist eigentlich die bessere Alternative, weil Du dann (fast)nix im Html-Quelltext stehen hast, was ältere Browser irritieren könnte. Ist aber nicht ganz einfach und erfordert neuere Browser mit DOM-Kenntnissen.

    Bezwecken will ich damit, dass man bei klicken auf ein thumbnail
    die große version des Bildes zu sehen bekommt, das href brauch ich
    also, da sonst bei deaktiviertem JS ja nix passiert.

    Entweder erstellst Du für jedes große Bild eine Html-Seite, oder Du versuchst Serverseitig etwas, oder es geht nicht 100%, denn Du kannst nicht mal sicher sein, das der Client Html aktiviert hat..so ist das leider :)

    tschüs

    --
    cogito ergo akro
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. href einer Grafik erfassen

      Justin
      – Informationen zu den Bewertungsregeln

      ähnliches Posting, gar dein eigenes?

      Nein, kenne ich nicht

      ...ist ein Download-Link, deine Intention?

      Nein, ich habe eine Funktion gemacht mit
      document.write("<body style='background-image: url(bg.gif); text-align: center;'>");
      document.write("<img src='bildgroß.jpg'>");
      document.write("<a href='index.html>zurück</a>'");
      Damit soll das Bild dann angezigt werden

      <img src="bildklein.jpg" onclick="show('bildgroß.jpg')">

      Nein, ich will das nicht absolut, sondern relativ.
      So wie es bei Windows C:/ordner01/ordner02/ordner03
      gibt, wenn ich mich hier im Ordner03 befinde und eine
      datei in ordner02 öffnen will kann man das in html ja mit ../dateiname
      und sowas wie ../ bräuchte ich auch für meins
      zB onclick="show(this. ../ .href)" damit es aus dem bild
      eins höher steigt in den link und da ins href.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. href einer Grafik erfassen

        KiloBravo
        −1 Informationen zu den Bewertungsregeln

        Hallo

        und sowas wie ../ bräuchte ich auch für meins
        zB onclick="show(this. ../ .href)" damit es aus dem bild
        eins höher steigt in den link und da ins href.

        um das unwürdige Spiel zu beenden:

        onclick="show(this.parentNode.href);"

        Gruß
        KiloBravo

        Beitrag melden
        −1
        Informationen zu den Bewertungsregeln

        1. href einer Grafik erfassen

          Justin
          – Informationen zu den Bewertungsregeln

          um das unwürdige Spiel zu beenden:
          onclick="show(this.parentNode.href);"

          Ah, vielen Dank.

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln