- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Modificare javascript per apertura popup contenente immagine
-
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>
-
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
-
Grazie ayrton!