großes bild anstelle von thumbnail anzeigen durch klicken (im gleichen Fenster)

[simplicius]

hallo allerseits!!
auf meiner seite http://photoundtext.netsons.org/street.htm habe ich thumbnails von meinen bildern stehen. klickt man auf das thumbnail öffnet sich in einem neuen Fenster ein größeres Bild. Soweit sehr einfach und klappt auch.
Ich würde es jedoch jetzt gerne so haben, dass, wenn man auf das thumbnail klickt, dieses verschwindet und an der Stelle das größere Bild erscheint, ohne dass die ganze Seite neu geladen wird und sodass man die anderen thumbnails auch noch sehen kann.
auf der seite habe ich extra ein bild groß stehen lassen, damit man sich vorstellen kann, wie das ganze aussehen soll.
soweit die theorie, wie mach ich das nun in der praxis?? mit dem befehl onclick="this.style.....??
vielen Dank für eure Hilfen!
jan

 

[Onkel_Busch]

Thumbs anklicken

Hi simplicius
Lunz mal in meiner Galerie. Das ist auf reiner html Basis gemacht. Ist natürlich ein Wahnsinns-Umstand. So behälst du aber die Thumbs immer im Blick.

Masterseite der privaten Homepage von Burkhard Schade

Gruß Burkhard

 

[Sn0opy]

Oha, der Onkel_Busch kommt ja auch aus Kassel :)

Zum Thema: Was auch eine Möglichkeit wäre, ist, dass du das ganze über Popups laufen lässt. Dann öffnet sich das Bild zwar immernoch in einem neuen Fenster, das überlagert aber nicht direkt das ganze Fenster, sondern ist dann evtl. so groß wie das Bild selbst.

ODER du benutzt das hier: Highslide JS - JavaScript thumbnail viewer

Wie man es installier, kann ich dir leider nicht sagen, aber du kannst ja mal unter "Examples" schauen, um zu sehen was es ist.

 

[simplicius]

danke für antwort

danke für die beiden antworten!
programme wie das genannte highslide sehen zwar nicht schlecht aus, ich suchte aber doch lieber nach etwas simplerem mit HTML Befehlen.
die "galerie" hab ich mir angeschaut, sieht auch ganz gut aus, doch ich wollte eher so etwas, das zu dem bestehenden layout auf Street Art passt.
einfach so, dass man auf das thumbnail klickt und ohne, dass sich alles neu lädt an dieser stelle das größere Bild erscheint.
vielleicht irgendetwas mit onclick="self.location.href etc aber wie mach ich, dass es sich an der gleichen stelle öffnet??
oder doch lieber irgendwas wie onclick="this.style. etc ???
kann mir vielleicht noch jemand helfen??
vielen dank!!
jan

 

[Sn0opy]

Mit einfachen HTML Befehlen ist das allerdings nicht mehr möglich, was du suchst ist eher im Javascriptbereich. Das nur als Info dazu.

 

[simplicius]

danke für die antwort!
okay, dann muss ich eben diesen schritt wagen und mich auf javascript terrain ´begeben ;)
hat da jemand was anzubieten??
gruß jan

hallo allerseits
warum funktioniert dieser befehl nicht??
liegt es an der zeichensetzung oder ist er einfach ein wunschgebilde??

<a href="img src='http://photoundtext.netsons.org/bologna3.jpg' onclick="this.style.display='inline'"><img src="[URL]http://photoundtext.netsons.org/bologna3tn.jpg[/URL]" onclick="this.style.display='none'></a>

nachdem es nun anscheinend keine andere möglichkeit mit java oder html befehlen gibt, würde ich gerne wissen wie das mit einem popup-fenster, das genau die koordinaten des bildes hat, aussehen würde.
wie würde der befehl aussehen??
vielen dank im voraus!!
jan