Script immagini ingrandite da miniature su scripting di WebLink

E8 - Aprire su nuova finestra immagini ingrandite da miniature.

Funziona con il Browser:

firefox

Safari

opera

internet explorer

netscape navigator

Crediti:
Name: EDITEUR JAVASCRIPT
Website: http://www.editeurjavascript.com

Descrizione: Da una serie di immagini miniaturizzate è possibile visualizzare le stesse ingrandite su una nuova finestra del browser.

Passo 1 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <head> e </head>.

<SCRIPT LANGUAGE="JavaScript" type="text/javascript"> /* SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com Ne copiez ce code qu'une fois dans votre page Prelevato ed illustrato su http://www.web-link.it alla voce scripting */ function afficheVignette(cheminVignette,cheminMaxi) { document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG SRC="'+cheminVignette+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="clicca qui per ingrandire"></A>'); } function afficheMaxi(chemin) { i1 = new Image; i1.src = chemin; html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+14,document.imageTest.height+32)"></CENTER></BODY></HTML>'; popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1'); popupImage.document.open(); popupImage.document.write(html); popupImage.document.close() }; </SCRIPT>

Passo 2 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, posizionatelo nella vostra pagina nel punto esatto in cui deve apparire l'effetto, sempre fra i tags <body> e </body>.

Note : Dovrete preparare per ogni immagine una sua miniatura e per farlo adoperate il vostro programma di grafica preferito.

Adesso non resta che riportare nel piccolo script i nomi che avrete assegnato alle due immagini, ricordatevi che questo va inserito in <body> e più precisamente seguendo la falsa riga dell'esempio, prima il nome della miniatura poi quello dell'immagine ingrandita, a tutto il resto penserà lo script, non ci sono limiti al numero delle immagini che è possibile gestire.

Elenco completo degli script.

Puoi lasciarmi un msg, un suggerimento, una critica, un link.

Anche il tuo sito puo far parte di questo spazio pubblicitario

Clicca qui se vuoi informazioni per fare anche tu pubblicità su questo sito