bild pop-up

ST-HT

Hallo,
wenn ich bei einem klick aufs Bild das vergrößert in einem Pup-up Fenster zeigen will.
wie geht das, mit html oder anders?
die datei/bild ist nur ein muster zum testen, habe das mal als anlage beigefügt.

Code

<img src="Bild/KontaktE-Mail.jpg" alt="Kontakt E-Mail" title="Kontakt E-Mail" height="124" width="124" />

viele grüße
gerhard

MrMurphy

Hallo,

es gibt unterschiedliche Möglichkeiten per CSS oder per JavaScript. Welche davon für dich am geeignetsten ist kann ich deiner Frage nicht entnehmen.

Wenn es darum geht das Bild beim Anklicken nur etwas zu vergrößern solltest du dich mit CSS, transform und transition beschäftigen.

Beispiele mit Quellcode zum Beispiel auf

[[[LINK GING AUF DOMAIN, DIE ES SO NICHT MEHR GIBT, daher wurde der Link gelöscht]]]

Für's Anklicken brauchst du nur :hover durch :active ersetzen.

Gruss

MrMurphy

wolf

Was zur hölle das für eine Seite

Schau mal im seminar vorbei -> https://www.html-seminar.de/bildergalerie-…x.htm?q=galerie

Basi

Zitat von wolf

Was zur hölle das für eine Seite

Boah ich kann nich mehr! Und ich will auch nich mehr! xDD

DAS GEHT DOCH NICHT? Da kann ich auch nicht mehr seriös bleiben..

Etwas über CSS3 erzählen und dann:

HTML

<body bgcolor="#faad81">

Und die grandiose Gestaltung der Überschriften, einfach prima! Die dezenten Schattenwürfe überall. Das ist das CSS3 der 90er Jungs und Mädels!

ST-HT

Hallo,
ruhig bleiben alter, nur ruhig bleiben, sagte schon mein großvater............
nicht jede antwort paßt aber ich werde mir das schon genau anschauen.
da habe ich schon wichtige hinweise bekommen.
viele grüße
gerhard

Basi

Das war auch keine Kritik am Inhalt.

ST-HT

Hallo,
ich habe mir die bescheibung von html-seminar angeschaut,
dort ist das thema "lightbox" gut beschrieben.
Ich war übrigens schon mal hier auf der suche bei dem artikel,
dachte aber, da geht es nur um einmalige Vergrößerung der bilder außerhalb der website.
Um das umzusetzen, muss man den download für die lightbox machen.

Ich frage nur mal nach, gibt es noch eine andere Möglichkeit oder
ist das die gebräuchliche Methode?
Es sind hier javascripte einzubinden und von javascript habe ich noch keine ahnung.
da bin ich etwas zurückhaltend.

viele grüße
gerhard

wolf

Du könntest via :target im css abfragen ob es target ist und mit transform: scale() das bild vergrößern, oder mit width/height

Sempervivum

"Ich frage nur mal nach, gibt es noch eine andere Möglichkeit oder ist das die gebräuchliche Methode?
Es sind hier javascripte einzubinden und von javascript habe ich noch keine ahnung.
da bin ich etwas zurückhaltend."

Ja, Lightbox ist eine gebräuchliche Methode und ja, es geht auch anders, indem man es selbst in Javascript programmiert, wie es hier schon beschrieben wurde.
Wenn Du von Javascript "noch keine Ahnung" hast, ist es mit Sicherheit einfacher, ein fertiges Lightbox-Plugin zu verwenden, als es selber zu programmieren. Bei diesen Plugins gibt es i. allg. eine Anleitung, die leicht umzusetzen sein sollte.

Jetzt mitmachen!