Visualizzazione dei risultati da 1 a 10 su 11

Visualizzazione discussione

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2017
    Messaggi
    20

    Ingrandimento immagini (photogallery)

    Salve a tutti, vorrei sapere come fare per aprire in slide tutte le immagini che possiedo nella galleria? Mi si apre solamente la prima immagine in slide, mentre dalla seconda in poi nello cliccare non si aprono. Vorrei mettere la funzione a tutte le immagini,che si aprano al clic(sono tutte caricate,formando una gallery). Sono in totale 70 immagini, se mi sapete dire cosa devo modificare gentilmente.
    Vi posto il codice che dovrebbe riguardare il suddetto quesito:
    codice:
    <!-- 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>
    
    Ultima modifica di Vincent.Zeno; 08-11-2017 a 13:23 Motivo: correzione tag CODE

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.