Bei Klick auf Bild soll sich das vergrößern?

Gibt es dazu ein Tutorial?

Answer 1

[abbrechen]

Wenn es einfach nur größer werden soll:

transform: scale(2); // doppelte Größe

Falls es wie eine Vorschau größer werden soll:

1) beim Hovern Bildquelle nehmen
2) absolutes Element erschaffen und Bildquelle einbinden

Answer 2

[MooKuh]

Dafür kannst du die fancybox nehmen in der 2.version die dritte ist nicht mehr kostenlos. Läuft per jquery.

Answer 3

[threadi]

Dafür gibt es sehr viele Wege. Recht klassisch ist die Lightbox. Schau mal hier, da findest Du auch Beispiele: http://lokeshdhakar.com/projects/lightbox2/

Woher ich das weiß: Berufserfahrung – mit dem Internet verbunden seit 1993

Answer 4

[kuechentiger]

https://www.html-seminar.de/css3-transform-scale.htm

Answer 5

[tavkomann]

So in der Art?

https://jsfiddle.net/3jtuj77o/2/

Comments

[LkLp1082]

ja so in der art. Nur das Bild sich dann komplett in einem extra Fenster vergrößert

[tavkomann]

@LkLp1082

Meinst du ein Pop-Up-Fenster oder dass es einfach den kompletten Bildschirm einnehmen soll?

[LkLp1082]

@tavkomann

Ich meine ein Pop-Up Fenster

[tavkomann]

@LkLp1082

Du solltest dir aber bewusst machen, dass das ganze alles andere als benutzerfreundlich ist, v.a. auf mobilen Endgeräten. Ich würde es eher wie bei GF machen, d.h. das Bild nimmt den ganzen Bildschirm ein und kann per Kreuz geschlossen werden.

[LkLp1082]

@tavkomann

Wenn das nicht benutzerfreundlich ist, dann besser wie bei GF

[tavkomann]

@LkLp1082

Dann könnte das interessant für dich sein:

http://lokeshdhakar.com/projects/lightbox2/

Das kannst du auch so anpassen, wie du es haben willst.