bilderaustauschen: bilder austauschen

hallo an alle experten,

ich habe ein problem, ich möchte über viele thumbnailbilder ein großes bild austauschen lassen...das script dazu habe ich, nur leider weiß ich nicht, wie ich den kleinen vorschaubildern das große zuordne oder besser gesagt, wie und wo bringe ich die großen bilder auf der html seite unter, ich kann sie ja nicht hintereinanderlegen !? woher bekommt meine datei dann dieses große bild?

kann mir jemand dazu helfen?

ordner:
test.html
628.jpg (großes Bild)
628a.jpg (kleines Bild)
630.jpg (großes Bild)
630a.jpg (kleines Bild)
634.jpg (großes Bild)
634a.jpg (kleines Bild)

code:

</script>
<br />
<title>Magic </title>
<br /><br />
<script type="text/javascript">
<br />function showbig(bildli) {<br />  bildlineu     = new Image();<br />
bildlineu.src = bildli;<br />
document.images["Anzeige"].src = bildlineu.src;<br />
}<br />
</script><br /><br /></head>

<br /><br />

<body style="background-color:#999;" onLoad="MM_preloadImages('630.JPG')"><br />
<table width="100%" height="100%" border="0"><br /><tr><br /><td align="center" width="40%"><br />
<div id="pic" onClick="MM_swapImage('Anzeige','','630.JPG',1)"><br /><img name="Anzeige" src="628.JPG" height="300" width="400" /><br />
</div>
<br />
</td><br />      <td align="center" width="60%"><br />
<a href="javascript:showbig('628.jpg');"><img src="628a.jpg" height="75" width="100" /></a><br />
<br /><br />
<a href="javascript:showbig('630.jpg');"><img src="630a.jpg" height="75" width="100" /></a><br />
<br /><br />
<a href="javascript:showbig('634.jpg');"><img src="634a.jpg" height="75" width="100" /></a><br />
</td><br />    </tr><br />  </table><br /></body><br /></html>

vielen dank.

  1. Hi!

    Was zum Geier haben all die <br /> ausserhalb des bodies verloren?

    Danach könnte dein Programm auch schon laufen. Aber diese br-Tags machen einem Kopfschmerzen.

    --
    "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
          - T. Pratchett
  2. Hallo bilderaustauschen!

    ich habe ein problem, ich möchte über viele thumbnailbilder ein großes bild austauschen lassen...das script dazu habe ich, nur leider weiß ich nicht, wie ich den kleinen vorschaubildern das große zuordne oder besser gesagt, wie und wo bringe ich die großen bilder auf der html seite unter, ich kann sie ja nicht hintereinanderlegen !? woher bekommt meine datei dann dieses große bild?
    kann mir jemand dazu helfen?

    Bemerke den Einwand von suit und schreibe zunächst einen ordentlichen Code, der auch noch valide ist.

    Zum Thema Bildergalerie hatten wir gerade einen Thread, hier sind Beispiele:

    https://forum.selfhtml.org/?t=185128&m=1228777

    Viele Grüße aus Frankfurt/Main,
    Patrick

    --
    _ - jenseits vom delirium - _

       Diblom   [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
    J'ai 10 ans! | Achtung Agentur! | Nichts ist unmöglich? Doch! | Heute schon gegökt?
    1. Hallo Ingrid!

      Bemerke den Einwand von suit

      Ups... ;)

      Viele Grüße aus Frankfurt/Main,
      Patrick

      --
      _ - jenseits vom delirium - _

         Diblom   [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
      J'ai 10 ans! | Achtung Agentur! | Nichts ist unmöglich? Doch! | Heute schon gegökt?
      1. hoi... *schluchtz*

        »» Bemerke den Einwand von suit

        Ups... ;)

        immerhin bemerkt...

        *schnief*

        --
        "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
              - T. Pratchett
    2. Hi...

      Bemerke den Einwand von suit

      *heul*

      --
      "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
            - T. Pratchett
  3. Liebe(r) bilderaustauschen,

    ich löse solche Probleme so: jsPopup

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
  4. genau diese Vorstellung hatte ich vor kurzem und die großartige Hilfe von Patrick Andrieu und einigen anderen führte dann zu diesem Ergebnis:
    www.juergen-wiedner.at/menschen.html
    in welchem im HTML-Code nur die Quellen der Thumbnails und der Fotos angegeben werden müssen
    (<a href="fotos/menschen/1001.jpg"><img class="thumb" src="thumbs/menschen/1001.jpg" alt=""></a>)
    sowie
    der "Anzeige-Ort" für das Foto
    (<img id="foto" src="Ausgangs-Bild-nach-Wahl.jpg">).

    Das Javascript (hier als txt-Datei) sorgt dann in Zusammenspiel mit dem passenden CSS bzw. den dort vergebenen ID´s für eine fabelhafte und schlanke Galerie-Funktion. Ein Hoch auf die hier befindlichen Spezialisten!

    LG, Jürgen

    1. Hallo juewi!

      www.juergen-wiedner.at/menschen.html

      Was ist mit Deinem Webspace los? Ich erhalte eine Sperrmeldung...

      Viele Grüße aus Frankfurt/Main,
      Patrick

      --
      _ - jenseits vom delirium - _

         Diblom   [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
      J'ai 10 ans! | Achtung Agentur! | Nichts ist unmöglich? Doch! | Heute schon gegökt?
      1. »» www.juergen-wiedner.at/menschen.html

        Was ist mit Deinem Webspace los? Ich erhalte eine Sperrmeldung...

        Ähh ... nun ja ... *räusper* ... irgendwie scheint da wohl ein Missverständnis ... *hüstel* ... bei der Überweisung der Gebühr passiert sein ... *tschüss* ...
        (sollte in wenige Tagen wieder online sein ...)