zoom rotation

**fegret** · 03-08-2007, 17:38

Ciao a tutti, è la prima volta che mi affaccio al mondo del javascrpt,sto cominciando a masticarlo con le guide di html.it, ho bisogno creare una pagina html che carichi diverse immagini, all'interno di queste devo inserire del codice javascript che mi permetta di fare lo zoom (+/- cliccando su appositi pulsanti) e di ruotare l'immagine di 90°, se qualcuno sa come aiutarmi

.......

**br1** · 03-08-2007, 18:28

Gia' lo zoom per un principiante non e' certo la cosa piu' semplice, ma di ruotare le immagini, in particolar modo con ogni browser, forse e' meglio parlarne fra un po' di tempo...

ciao

**fegret** · 07-08-2007, 09:21

Avevo solo bisogno di capire un po la sintassi...ho studiato informatica ma purtroppo nel corso di studi non ho avuto la possibilità di studiare il javascript cmq per ora sono riuscito a fare lo script che zomma in avanti e in dietro le mie immagini...la parte piu difficile ora è ruotarle...sapresti come aiutarmi??

**fegret** · 07-08-2007, 16:08

Sono riuscito a farlo...ma ho usato delle librerie di microsoft quindi funziona solo con IE

nessuno sa come adattare il codice perche funzioni anche con altri browser???

ecco il codice che uso

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>rotateimages.html</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head>
<body>

<div id="mydiv" style="height:650px; width:650px;text-align:center;font-weight:bold">
[img]foto1.jpg[/img]

Pet Green Cheek Amazon Parrot
</div>

<!--[if IE]>
<button onclick="mydiv.style.filter='progid

XImageTransform.Microsoft.BasicImage(mirror=0)'">m irror=0, default image</button>

<button onclick="mydiv.style.filter='progid

XImageTransform.Microsoft.BasicImage(mirror=1)'">m irror=1, flip div</button>

<button onclick="mydiv.style.filter='progid

XImageTransform.Microsoft.BasicImage(rotation=0)'" >rotation=0, no rotation</button>

<button onclick="mydiv.style.filter='progid

XImageTransform.Microsoft.BasicImage(rotation=1)'" >rotation=1, rotate div 90 degrees</button>

<button onclick="mydiv.style.filter='progid

XImageTransform.Microsoft.BasicImage(rotation=2)'" >rotation=2, rotate div 180 degrees</button>

<button onclick="mydiv.style.filter='progid

XImageTransform.Microsoft.BasicImage(rotation=3)'" >rotation=3, rotate div 270 degrees</button>

<button onclick="mydiv.style.filter=''">Clear Filter</button>

<![endif]-->

</body>
</html>

Discussione: zoom rotation

Strumenti discussione

Ricerca discussione

Visualizza

zoom rotation

Permessi di invio