Un navegador para sus imágenes

¿Desea obtener la vista preliminar de una imagen en un cuadro pequeño? Este script le permite hacerlo. Combina una forma y una imagen para ofrecer una vista preliminar de cualquier imagen. La única condición es tener una imagen en dos tamaños diferentes, uno pequeño y otro más grande. Proceda de la siguiente manera:

Primero, copie este script en el encabezamiento de su página, especificando en la tabla images los nombres de las imágenes de alta resolución (my_image1.jpg, my_image2.jpg...) :

<SCRIPT LANGUAGE="JavaScript">
<!--
function previewPic(sel) {
document.previewpic.src = "" + sel.options[sel.selectedIndex].value;
}
function showPic(sel) {
images = new Array();
images[1] = "my_image1.jpg";
images[2] = "my_image2.jpg";
images[3] = "my_image3.jpg";
images[4] = "my_image4.jpg";
window.location.href = images[sel.selectedIndex+1];
}
//  End -->
</script>

Después, coloque la imagen inicial y la forma asociada donde quiera. Especifique en la siguiente parte del script las imágenes ficha utilizadas para la vista preliminar, junto con sus tamaños.

<center>
<form name=picform>
<select name=selbox size=1 onChange="previewPic(this)">
<option value="my_image1_small.jpg">Image 1
<option value="my_image2_small.jpg">Image 2
<option value="my_image3_small.jpg">Image 3
<option value="my_image4_small.jpg">Image 4
</select>
<p>
<img name="previewpic" src="my_image1_small.jpg" width=150 height=113 border=1>
<p>
<input type=button value="Enlarge" onclick="showPic(this.form.selbox)">
</form>
</center>