Ein Bild per Maus Klick includen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Ein Bild per Maus Klick includen

    Hi @all

    ich bin ein ziemlicher Neuling auf dem Gebiet und bitte lüncht mich nicht wenn ich etwas falsch gemacht habe.
    Die suche habe ich benutzt, jedoch bin ich da nicht richtig fündig geworden.

    Nun zu meinem Problem, oder was ich mir wünschen würde das es geht.

    ich habe eine Tabelle und in dieser ist
    1. ein Bild (gif), das verkleinert ist. (durch html)
    2. Ich möchte gern das Bild, wenn mann mit der Maus draufklickt
    3. dass es sich eine paar Zeilen weiter unten in seiner original größe öffnet.


    das ganze habe ich versucht mit include zu erreichen, jedoch habe ich das bis jetzt nicht geschafft. Kann man es den so überhaupt machen???

    thx @all

  • #2
    ähm, den html-<img>-tag kennst du??? einfach mit echo und gut ist.

    Kommentar


    • #3
      Du könntest auf das Bild einen Link legen, der auf die gleiche Seite führt und einen GET-Parameter anhängt, z.B. showbild=12345

      Und dann brauchst du nur eine kleine Abrage:
      PHP-Code:
       if (isset($_GET["showbild"])) echo '<img src="'.$_GET["showbild"].'.gif">'

      Kommentar


      • #4
        klar, das geht schon. grundlagen kannst du dir bei php-faq.de holen. und bei schattenbaum.net. aber auch bei php.net und google.de.

        OffTopic:
        http://de.wikipedia.org/wiki/Lynchjustiz <- wäre vielleicht interessant für dich

        Kommentar


        • #5
          Ist zwar eher rein HTML und JS, aber vllt. hilfts Dir:

          PHP-Code:
           <div class="signature">
              <
          div class="spoilerborder">
              <
          div class="spoiler">
                  <
          class="spoiler" onclick=
          "if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '')
          { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = ''; }
          else
          { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none'; };
          return false;" 
          href="#"><em>*klick*</em></a>

              </
          div>    
              <
          div style="display: none">
                  <
          div class="alt1" style="padding:8px">
                      <
          img border="0" src="[b]Bild.gif[/b]" width="500" height="150"><br>
                  </
          div>
              </
          div>
          </
          div>
             </
          div
          Das Bild.gif sollte solange unsichtbar sein, bis man auf *klick* klickt.
          Zuletzt geändert von TobiaZ; 27.01.2005, 20:00.

          Kommentar


          • #6
            kabeljau: zeilenumbrüche sind ************y.
            unleserliche onlick-one-line-sachen - nicht.

            Kommentar


            • #7
              this.parentNode.parentNode.getElementsByTagName('div')[1].style.display

              ^^Das ist nun mal nicht trennbar, ohne der Funktionalität beraubt zu werden.

              EDIT: @TobiaZ: Ok, gewonnen. Dann hast Du jetzt auch Fische kotzen gesehen.
              Zuletzt geändert von kabeljau; 27.01.2005, 20:04.

              Kommentar


              • #8
                Seltsam, dass ich das geschafft habe!

                Kommentar

                Lädt...
                X