Printable View
Ciao a tutti, sono alle prime armi con l'html e mi son trovato davanti a questo problema. Sto facendo una pagina con una cartina geografica. Vorrei trovare un modo per abilitare una funzione di zoom. Mi sapete indicare come fare (in temini semplici, visto che sono veramente agli inizi!) o dove andarmi a cercare un manuale che spighi questo preciso problema?
Grazie.
Egidio
ciao,
prova a seguire questo tutorial:
http://constile.org/tips/banner_espandibili_con_i_css/
Potresti fare una cosa... in una pagina, metti una "immagine-anteprima" (quindi molto piccola della cartina)... cliccando sulla foto, si apre un'altra pagina che ti permette di visualizzare l'immagine intera:
Prima pagina
Seconda paginaCitazione:
<a href="INDIRIZZO-PAGINA-CON-CARTINA"><img src="INDIRIZZO-PREVIEW" align="center">Guarda la cartina intera! Clicca qui!</a>
Non è difficile... logicamente il codice che ho scritto va integrato nel codice della tua pagina...Citazione:
<img src="INDIRIZZO-CARTINA">
Grazie per i consigli, mi metto a lavoro e vediamo come viene. :grin:
Ok, ho trovato un sistema semplice ed estremamente funzionale, ho pero' ancora bisogno del vostro aiuto, vi copio qui' lo script che ho usato. Funziona a meraviglia, ogni click del tasto sinistro ho uno zoom di circa 200 pixel, datemi un idea su come abilitare il tasto destro per ridurre il livello di zoom.
<SCRIPT LANGUAGE="VBSCRIPT">
<!--
Dim DotL(24)
Dim DotT(24)
Dim MapWidth, MapHeight, MapLeft, MapTop
Dim i, Zebbie, framex, framez
MapWidth = 420
MapHeight = 340
i = 1
Zebbie = 1
Sub HideMap()
If i < 20 then
MapWidth = MapWidth + 200
MapHeight = MapHeight + 190
ZooMap.style.width = MapWidth
ZooMap.style.height = MapHeight - 0
ZooMap.style.left = MapLeft - 0
ZooMap.style.top = MapTop - 0
i = i + 1
Else
ZooMap.style.width = 420
ZooMap.style.height =340
MapWidth = 320
MapHeight = 240
MapLeft = 123
MapTop = 151
i = 1
End If
End Sub
-->
</SCRIPT>
</HEAD>
<BODY bgcolor="white" >
<DIV style="position:relative; width:330; height:100" align="left">
<IMG id="ZooMap" SRC="C:/mappe/PA_c.GIF" WIDTH=320 HEIGHT=240 BORDER=0 style="position:absolute;left:123; top:51; z-index:1" onClick=HideMap()>
</DIV>