Ho una pagina con delle immagini, vorrei che quando clicco su una immagine mi comparisse un div al centro pagina con l'immagine di dimensioni uguale all'originale ma come massimo la dimensione della pagina stessa (almeno come larghezza).
probabilmente serve anche un po' di js oltre che di css
Il div che apro mi si posiziona in 0.0 e non al centro e se l'immagine è grande sborda dalla pagina
nel js assewgno il src a myimg e display:block a popupimg
html
css
probabilmente serve anche un po' di js oltre che di css
Il div che apro mi si posiziona in 0.0 e non al centro e se l'immagine è grande sborda dalla pagina
nel js assewgno il src a myimg e display:block a popupimg
html
<div id="popupimg" class="Al_overlayI" style="display:none;">
<img id="myImg" onclick="location='#'">
</div>
css
.overlayI {
position: absolute;
top: 0;
align-text:'center'; /*non funziona in absolute*/
z-indez:1000;
}
#myImg {
position: relative;
top: 70;
text-align:center;
z-index:1010;
margin-left: auto;
margin-right: auto;
margin-top: 70px;
