Ciao a tutti,
vi pongo il problema che mi sta assillando in questi giorni. Ho trovato uno script semplice semplice per fare lo zoom su immagine, vi copio lo script, magari puo' servire a qualcun'altro
<img src="INDIRIZZO IMMAGINE" id="foto" name="foto"></p>
<script language="javascript">
<!--
// Recupero la larghezza dell''immagine utilizzando il name
var dimensioni = document.foto.style.width;
// Imposto la larghezza a 200 pixel
dimensioni = 200;
// Imposto lo zoom per 10 pixel
var aumenta = 10;
function ZoomIn()
{
// Aumento le dimensioni dell''immagine e reimposto la variabile di riferimento
foto.style.width = dimensioni + aumenta;
dimensioni += aumenta;
}
function ZoomOut()
{
// Diminuisco le dimensioni dell''immagine e reimposto la variabile di riferimento
foto.style.width = dimensioni - aumenta;
dimensioni -= aumenta;
}
//-->
</script>
<p align="center">
<style="position:absolute">
<input type="button" value="Zoom +" onclick="ZoomIn()">
<input type="button" value="Zoom -" onclick="ZoomOut()">
</p>
Ora vi dico cosa vorrei fare. Lo zoom funziona con due bottoni ZOOM+ e ZOOM- che rimangono centrati sul fondo della pagina indipendentemente dallo zoom (grazie a <p align="center"> suppongo), io vorrei che la loro posizione rimanesse fissa indipendentemente dallo scrolling della pagina. Cerco di spiegarmi meglio. Immaginate di usare la pagina ridotta a finestra piccola, zoommando e facendo lo scrolling della pagina i tasti ovviamente spariscono. Io vorrei invece che rimanessero sempre in vista, indipendentemente dai movimenti della figura che dovrebbe scorrere sotto di essi.
Spero di essermi spiegato in maniera decente.
Ciao.
Egidio