bilder austauschen
bilderaustauschen
- javascript
0 Steel0 Patrick Andrieu0 Patrick Andrieu0 Steel
0 Steel
0 Felix Riesterer0 juewi0 Patrick Andrieu0 juewi
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.
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.
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
Hallo Ingrid!
Bemerke den Einwand von suit
Ups... ;)
Viele Grüße aus Frankfurt/Main,
Patrick
hoi... *schluchtz*
»» Bemerke den Einwand von suit
Ups... ;)
immerhin bemerkt...
*schnief*
Hi...
Bemerke den Einwand von suit
*heul*
Liebe(r) bilderaustauschen,
ich löse solche Probleme so: jsPopup
Liebe Grüße,
Felix Riesterer.
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
Hallo juewi!
Was ist mit Deinem Webspace los? Ich erhalte eine Sperrmeldung...
Viele Grüße aus Frankfurt/Main,
Patrick
»» 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 ...)