Transformer: échelle pour plein écran?

Question

Bonjour tous,

Une série de différentes tailles images sont en flottant gauche de chaque emballage individuel de tailles différentes sur une divs page web défilement horizontal. Je veux être capable de taper sur un div pour le mettre en plein écran, (en ajoutant une classe css contenant l'instruction scale, avec toggleClass), et appuyez sur l'image (qui est maintenant en plein écran et obscurcit la div) pour revenir à normal (en supprimant la classe de son div wrapping).

J'ai trouvé différentes options pour faire ceci pour une image d'arrière-plan (avec une taille connue) et il y a de belles galeries en plein écran, mais celle-ci m'échappe.

En raison des différentes tailles, je ne peux pas utiliser scale (2) ou une autre valeur fixe. Il est tout à fait possible de transformer webkit: échelle à une taille de destination comme 768x1024 plutôt qu'un facteur d'échelle?

Merci beaucoup!

Answer 1

Avez-vous essayé de le simplifier un peu plus? Essayez d'utiliser un script java pour affecter une hauteur, une largeur et un index z à l'objet lors du clic.

essentiellement clic, écrivez à la page: (ou similaire)

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