Wenn ich auf Bild drücke soll das Bild groß werden (Ansicht)

Question

Hallo, ich möchte eine Webseite gestallten wobei auch eine
PhotoGallery dabei ist. Jedoch möchte ich gerne das wenn
man auf ein Bild klickt (je nach Wahl) das Bild auch groß
erscheint.

Wie kann man das machen ? (hab bei googlen leider die
richtige Wörter für diese suche nicht gefunden)

HTML, oder CSS Webseite soll es werden...

Danke im Vorraus...

Answer 1

HTML und CSS Webseite muss es werden!

Und für diesen Zweck außerdem JavaScript.
Google einfach mal nach dem Stichwort Lightbox

Answer 2

Danke für die Super Antwort. Allein das Wort "Lightbox" hat mich ziemlich voran gebracht.

Ich werde mal schauen was ich da finden kann und wie man
das integriert in eine Webseite.

Zitat:
HTML und CSS Webseite muss es werden!


Meinst du damit dass ich beides Verwernden MUSS ?

Gruss

Answer 3

was sonst?

Answer 4

Schau Dir mal die Galerie von ShaLyMA an, wenn es so sein soll, schau Dir den Quelltext an. Kein kompliziertes java gefummel, einfach nur wenige Zeilen die auch schnell gepflegt werden können. Falls Du da nicht durchsteigst, helf ich gern weiter.

Ralf

Answer 5

also das mit dem Lightbox habe ich eigentlich vor einzusetzen
wenn es nicht so kompliziert ist und es mit HTML/CSS möglich ist.

Aber würde mich auch interessieren wie das geht was du
da vorgeschlagen hast Ralf, würde mich freuden wenn du mir da hilfst...

danke...

Answer 6

Dafür brauchst Du nur wenige kleine Zeilen:

<img src="pfad_zum_bild_klein/bildklein1.jpg" alt="kleines Bild" onclick="document.getElementById('leinwand').src='pfad_zum_bild_gross/bilgross1.jpg'">
<img src="pfad_zum_bild_klein/bildklein1.jpg" alt="kleines Bild" onclick="document.getElementById('leinwand').src='pfad_zum_bild_gross/bilgross1.jpg'">
<img src="pfad_zum_bild...
<br /><br />
<img src="pfad_zum_ersten_bild/startbild.jpg" id="leinwand" alt="Bildershow">

Noch einfacher gehts (meiner nicht representativen meinung nach) nun wirklich nicht.

Ralf

Answer 7

@Ralfman:
was hat die Lightbox mit Java zu tun? Genau: Nichts! Also gibts da auch kein kompliziertes Java-gefummel!

Meinst du wirklich, dass Inline-Code gegenüber der klaren Struktur des Lightbox-Pakets Vorteile für einen Webseitenanfänger (ohne ernsthafte HTML-, CSS- und JavaScript-Kenntnisse) bringt?

Answer 8

@gast42,
nun werd mal Bitte nicht zum Korintenkacker :-)
Selbstverständlich kenne auch ich den Unterschied zwischen Java und Javascript.
Letzendlich war es auch nur ein Vorschlag von mir, und ich habe auch nur auf eine Anfrage vom Fragesteller Reagiert.
Aber wenn Du meinst das Lightbox einfacher zu Handhaben ist, warum hilfst Du dann nicht mit einem Codeschnipsel?
Ach so, hatte ich übersehen, danach wurdest Du nicht gefragt.
Dennoch finde ich es von Dir Unfair mich seitlich anzublaffen obwohl ich nichts weiter getan hab als auf angeforderte Hilfe zu Reagieren.
Nächstesmal also Bitte etwas mehr Feinfüligkeit.

@Stefan21,
selbstverständlich ist Lightbox wirklich hübsch anzusehen, mir Persönlich war das aus allerdings nicht Primitiv genug um das mal schnell zu ändern/erweitern.

Ralf

Answer 9

Ralfmans "Lösung" hat mehrere, aber mindestens einen entscheidenden Nachteil: bei deaktiviertem JavaScript wird mir nie ein Großbild angezeigt. Ich dürfte mich also wiedermal um die Analyse des Quelltextes der Seite bemühen. Andere kleinere Nachteile sind u.a., dass für jedes Bild explizit ein onClick-Attribut angegeben ist (das geht auch universaler) und dass im OnClick-Handler selbst die Anweisung immer zu ~95% ähnlich ist (auch hier bietet sich ein Standard zwischen Vorschaubild- und Großbildname an, sodass man allein vom Wert des src-Attributs auf den Namen des Großbildes schließen kann und sich redundanten Code spart).

Die Lightboxen haben zumindest den Vorteil, dass sie auch ohne JavaScript einfach das Großbild anzeigen.

Lightboxen an sich sind mir aber zuwider, da sie für jedes Großbild wieder unbedingt ihre tolle Animation einer sich vergrößernden Box und des dunkler werdenden Hintergrunds abspielen müssen. Das nervt (mich) unheimlich schnell.

Answer 10

@son_quatsch,
die Geschichte ist nicht mein Fachgebiet, aber wenn Du sagst das es zu Optimieren ist, helf mir doch mal Bitte und verrat mir wie. Eventuell kann ich das ja mal Optimiert nutzen. Kleine Codeschnipsel helfen (mir) da ungemein weiter.

Ralf