Ciao
sto cercando di fare uno script che mi permetta di ridimensionare una immagine per fare si che possa stare in un div di dimensioni relative, il tutto senza deformarsi.
Il mio problema è che non riesco a far prendere allo script o le dimensioni (width e height) della pagina o del div che dovrà contenere l'immagine.
Per quanto riguarda la parte dell'immagine ho fatto una cosa del genere:
function redux(img) {
var image = img;
x = image.width;
y = image.height;
}
sapete aiutarmi? grazie mille
Posta il sorgente pagina come la riceve il browser o un link cosi da lavorare con qualcosa di + concreto.Originariamente inviato da Alex80b
Ciao
sto cercando di fare uno script che mi permetta di ridimensionare una immagine per fare si che possa stare in un div di dimensioni relative, il tutto senza deformarsi.
Il mio problema è che non riesco a far prendere allo script o le dimensioni (width e height) della pagina o del div che dovrà contenere l'immagine.
Per quanto riguarda la parte dell'immagine ho fatto una cosa del genere:
function redux(img) {
var image = img;
x = image.width;
y = image.height;
}
sapete aiutarmi? grazie mille
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Ciao
ti posto la pagian su cui stavo facendo le prove in quanto quella ufficiale è un po' piu' incasinata in quanto è basata su un CMS.
Le dimensioni fissate dell'immagine con width ed height non si possono toccare perche' le inserisce il cms di suo e modifcare questa cosà è molto ardua.
La funzione dovrebbe prendere l'immagine e ridurla per farla stare dentro il div (che è piu' piccolo dell'immagine) senza deformarsi.
Il problema è che non so come prendere le dimensioni del div.
Grazie
<html>
<head>
<title>Prova</title>
<script language="javascript" type="text/javascript">
function redux(img) {
var image = img;
x = image.width;
y = image.height;
}
</script>
</head>
<body style="width: 100%">
<div style="width: 10%; background-color: white">
[img]mappa.gif[/img]
</div>
</html>
Operazione complessa da studiare con calma, nel caso che non risponsa qualcuno prima provo a darci un'occhio sta sera quando arrivo a casa.
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Dopo una attenta valutazione, e considerando il fatto che l'immagine viene creata dinamicamente dal CMS, pertanto bisognerebbe eseguire prove avendo lo script che carica l'immagine e passare la larghezza e l'altezza ad una function che rimpicciolisca l'immagine stessa, e per non distorcerla bisognerebbe dedicarci abbasta tempo cosa che adesso mi manca.Originariamente inviato da Alex80b
Ciao
ti posto la pagian su cui stavo facendo le prove in quanto quella ufficiale è un po' piu' incasinata in quanto è basata su un CMS.
Le dimensioni fissate dell'immagine con width ed height non si possono toccare perche' le inserisce il cms di suo e modifcare questa cosà è molto ardua.
La funzione dovrebbe prendere l'immagine e ridurla per farla stare dentro il div (che è piu' piccolo dell'immagine) senza deformarsi.
Il problema è che non so come prendere le dimensioni del div.
Grazie
<html>
<head>
<title>Prova</title>
<script language="javascript" type="text/javascript">
function redux(img) {
var image = img;
x = image.width;
y = image.height;
}
</script>
</head>
<body style="width: 100%">
<div style="width: 10%; background-color: white">
[img]mappa.gif[/img]
</div>
</html>
Spero che qualche altro utente posso aiutarti.
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
riesci a dirmi come posso fare per prelevare le dimensioni di un div (o in alternativa della pagina) che faccio un po' di prove?
Permessi di invio
Rispondi quotando