Ridimensionare automaticamente tutte le immagini di una pagina

[carlomarangoni]

....Ho fatto tutto in CSS anche se una minima deformazione c'è sempre.

Minima direi tanta! Ma se a uno va bene si può fare anche così

[SoloWiFi]

beh in questo caso, non potendo controllare a monte le foto, credo che sia la migliore soluzione

[carlomarangoni]

beh in questo caso, non potendo controllare a monte le foto, credo che sia la migliore soluzione

Direi di no! Si può creare tantissime miniature perfette utilizzando i software adatti in pochi click

[SoloWiFi]

Qi che software parli?
Qui le foto passano dallo scatto con smartphone all'upload senza passaggi intermedi.
Sono io che in fase di upload do una dimensione di massima.

Certo che se gli utenti prima di postare usassero Photoshop attenendosi a delle misure obbligate sarebbe un'altra cosa

[tanoking]

Fortunatamente sono riuscito a ridimensionare le foto che avevo. Comunque vorrei sapere come fare per aprire in slide tutte le immagini che possiedo nella galleria? Mi apre solamente la prima immagine in slide, io vorrei mettere la funzione a tutte le immagini,che si aprano al clic(sono tutte caricate,formando una gallery). Se mi sapete dire cosa devo modificare gentilmente.
Vi posto il codice che dovrebbe riguardare il suddetto quesito:

<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close">&times;</span>
<img class="modal-content" id="img01">
<div id="caption"></div>
</div>


<script>
// Get the modal
var modal = document.getElementById('myModal');


// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById('myImg');
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
img.onclick = function(){
modal.style.display = "block";
modalImg.src = this.src;
captionText.innerHTML = this.alt;
}


// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];


// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
</script>