transform:scale zum Vollbild?

Question

Guten Tag zusammen,

Eine Reihe von unterschiedlich dimensioniert Die Bilder sind jeweils einzeln in links schwebende Folie verpackt. unterschiedlich dimensioniert Divs auf einer horizontal scrollenden Webseite. Ich möchte in der Lage sein, auf ein Div zu tippen, um es auf Vollbild zu skalieren (durch Hinzufügen einer CSS-Klasse, die die Skalierungsanweisung enthält, mit toggleClass), und auf das Bild zu tippen (das jetzt Vollbild ist und somit das Div verdeckt), um zum Normalzustand zurückzukehren (durch Entfernen der Klasse von seinem umhüllenden Div).

Ich habe verschiedene Optionen gefunden, um dies für ein Hintergrundbild (mit einer bekannten Größe) zu tun, und es gibt schöne Vollbild-Galerien, aber dieses eine entzieht sich mir.

Wegen der unterschiedlichen Größen kann ich nicht scale(2) oder einen anderen festen Wert verwenden. Ist es überhaupt möglich, webkit-transform:scale auf eine Zielgröße wie 768x1024 anstatt einen Skalierungsfaktor?

Vielen Dank!

Answer 1

Haben Sie versucht, es ein wenig zu vereinfachen? Versuchen Sie, mit einigen Java-Skript, um eine Höhe, Breite und z-Index, um das Objekt auf Klick zuweisen.

Im Wesentlichen auf Klick, schreiben Sie auf die Seite: (oder etwas Ähnliches)

height:100%;
width:100%;
z-index:999;
position:absolute;