ho appena finito una cosa simile 
ho usato un iframe con lo scroll per spostarmi
questo è il codice per spostarsi
codice:
<script type="text/javascript" language="JavaScript">
<!--
var period=20;
var val;
var val1;
var frm;
function init() {
}
function stop() {
}
function run() {
}
function init() {
running = false;
setTimeout('scroll()',period);
}
function scroll() {
if(running) {
window.frames[frm].scrollBy(val,val1);
setTimeout("scroll()",period);
}
}
function stop() {
running = false;
}
function run() {
if(!running) {
running=true;
scroll();
}
}
//-->
</script>
richiamato da queste linee
codice:
su
sinistra
<iframe src="img1.jpg" name="main" id="main" width="90%" height="80%" frameborder="2" scrolling="no" align="middle"></iframe>
destra
giu
ne ho anche una versione che scrolla quando ti avvicini ai bordi se ti serve dimmelo che te la mando in pvt,
questa è la funzione di zoom
codice:
<script type="text/javascript" language="JavaScript">
//Image zoom in/out script- by javascriptkit.com
//Visit JavaScript Kit (http://www.javascriptkit.com) for script
//Credit must stay intact for use
var zoomfactor=0.05 //Enter factor (0.05=5%)
function zoomhelper(){
if (parseInt(whatcache.style.width)>10&&parseInt(whatcache.style.height)>10){
whatcache.style.width=parseInt(whatcache.style.width)+parseInt(whatcache.style.width)*zoomfactor*prefix
whatcache.style.height=parseInt(whatcache.style.height)+parseInt(whatcache.style.height)*zoomfactor*prefix
}
}
function zoom(originalW, originalH, what, state){
if (!document.all&&!document.getElementById)
return
whatcache=eval("window.frames[frm].document.images."+what)
prefix=(state=="in")? 1 : -1
if (whatcache.style.width==""||state=="restore"){
whatcache.style.width=originalW
whatcache.style.height=originalH
if (state=="restore")
return
}
else{
zoomhelper()
}
beginzoom=setInterval("zoomhelper()",100)
}
function clearzoom(){
if (window.beginzoom)
clearInterval(beginzoom)
}
richiamata da
codice:
<body onload="init(); vx=600; vy=450;">
<div class="zoom" style="position:fixed; top:10px; right:10px; background-color:white; width:200px; z-index:5;">
Zoom In |
Normal |
Zoom Out
</div>
per il pan onclick ci sto lavorando anch'io se hai suggerimenti ben vengano :-)
ciao
Permessi di invio
Rispondi quotando