• User

    Modificare javascript per apertura popup contenente immagine

    Premetto che non conosco javascript e per questo chiedo aiuto, ringraziando sin d'ora chi volesse darmi una mano.
    Utilizzo uno script che - quando si clicca su una thumbnail - apre una finestra popup contenente un'immagine grande.
    Al tag a che punta all'immagine grande devo associare la classe popup.
    Per esempio

    <a class="popup" href="immagine-grande.jpg">
    <img  src="thumbnail.jpg" alt="clicca qui per ingrandire" title="clicca qui per ingrandire" />
    </a>
    

    Lo script permette di dimensionare a priori la finestra popup (per esempio qui è 600x600 px, ma a me piacerebbe che la finestra si adattasse alle dimensioni dell'immagine.
    Si può facilmente modificare lo script per ottenere questo ridimensionamento automatico?

    <script language="javascript" type="text/javascript">
    function doPopups() {
      if (!document.getElementsByTagName) return false;
      var links=document.getElementsByTagName("a");
      for (var i=0; i < links.length; i++) {
        if (links*.className.match("popup")) {
          links*.onclick=function() {
          window.open(this.href, "", "width=600,height=600,scrollbars=no,toolbar=no,resizable=yes,left=40,top=40");
            return false;
          }
        }
      }
    }
    window.onload=doPopups;
    </script>
    

  • Super User

    Ciao RoccoV,

    un modo lo trovi al seguente link: http://articles.sitepoint.com/article/resize-popup-fit-images-size

    Esistono oramai effetti più gradevoli, per esempio lightbox


  • User

    Grazie ayrton!