Ridimensionamento Immagine Alla Pressione di un tasto

Marco72

Nuovo Utente
3 Dic 2011
2
0
0
Buongiorno a tutti,
sono nuovo del forum ma è tanto che ne approfitto carpendone importantissime informazioni generali.

Avrei necessità di capire come fare a ridimensionare un'immagine che ho inserito tramite un normale TAG <IMG ...> al quale ho provveduto ad assegnare un ID="img1".

HTML:
<div id="Immagine" style="height: 81px; width: 92px" onmousedown="dragStart(event)">
        <img id="img1" alt="Immagine Posta Elettronica" src="img/MailICO1.png">
</div>

Nell'HEAD ho inserito uno stile su :

Codice:
#img1
{
position: absolute;
width: 62;
height: 62px;
border: Solid 1px #000000;
z-index: 0;

e ritenevo che bastasse creare questo codice javascript nel'HEAD:

Codice:
function Cambia(){	 
document.getElement.ById("img1").style.width="100";
}

per provvedere tramite una pressione su un testo chiamato "+" a modificare la dimensione orizzontale dell'immagine:

HTML:
<a href="#" onclick="Cambia();">+</a>

Qualcuno mi può spiegare perchè mi viene segnalato che non esiste la clausola width nello style di img1 ?

Come faccio ad identificare il width dell'immagine per andare a modificarlo?!

Può darsi che il contenitore DIV nel quale ho sistemato l'immagine crei un altro percorsi per raggiungere le caratteristiche del file immagine?
Se si ..qualcuno può indicarmi come fare?!

Vi ringrazio tantissimo per quanto potrete fare per aiutarmi...
 
Ultima modifica di un moderatore:

artasdog

Utente Attivo
1 Mar 2011
50
0
6
Codice:
document.getElement.ById("img1").style.width="100" ;

Prova a sistemare il codice ed a vedere se cosi funziona:

Codice:
document.getElementById("img1").style.width="100px";
 
Ultima modifica di un moderatore:

Marco72

Nuovo Utente
3 Dic 2011
2
0
0
Codice:
document.getElement.ById("img1").style.width="100" ;

Prova a sistemare il codice ed a vedere se cosi funziona:

Codice:
document.getElementById("img1").style.width="100px";

Perfetto per quanto riguarda l'assegnazione di un numero alla width ...ma se volessi aumentare di un "tot" la cifra già presente in quello stile di width?

Sto provando con parseInt ma non riesco...qualche suggerimento ?!

AIUTO sto diventando MATTO!
 
Discussioni simili
Autore Titolo Forum Risposte Data
felino Virtuemart 1.1.9 - Ridimensionamento automatico immagine prodotto Joomla 0
R upload e ridimensionamento immagine non funzionante PHP 0
A [PHP] Bloccare ridimensionamento tabella PHP 1
V [HTML] impedire il ridimensionamento delle immagini zoom browser HTML e CSS 11
M Div che sballano posizione al ridimensionamento HTML e CSS 2
otto9due Problema ridimensionamento immagini senza salvarle.. PHP 5
L ridimensionamento immagini da cartella PHP 0
M Jquery Mobile e ridimensionamento jQuery 0
N ridimensionamento div Javascript 5
R upload immagini multiplo e ridimensionamento PHP 0
R upload e ridimensionamento immagini in php PHP 0
R upload e ridimensionamento immagini in php PHP 1
L [PHP] Upload immagini e ridimensionamento automatico PHP 9
P Ridimensionamento dei font al ridimensionamento del browser e/o della risoluz monitor jQuery 0
C Problema ridimensionamento sito. HTML e CSS 6
helpdesk file Upload con ridimensionamento PHP 32
G Problema con il ridimensionamento PHP 12
emanuelevt ridimensionamento pagina Javascript 0
neo996sps Problema con tutorial per ridimensionamento immagini PHP 10
A Javascript per il ridimensionamento immagini Javascript 20
I Errore nel ridimensionamento di una <table> in un <div> HTML e CSS 5
I impedire ridimensionamento del browser HTML e CSS 1
M problema ridimensionamento, archiviazione immagini PHP 1
U ridimensionamento documento dreamweaver Webdesign e Grafica 9
U Ridimensionamento documento Webdesign e Grafica 1
M ridimensionamento immagini Flash 1
U Problema ridimensionamento immagini con PHP PHP 1
C A tutto schermo e ridimensionamento schermo Flash 3
C ridimensionamento più immagini Photoshop 5
S Ridimensionamento automatico pagina Webdesign e Grafica 1
R Ridimensionamento immagini Javascript 2
Z ridimensionamento immagini PHP 0
S Problema di ridimensionamento HTML e CSS 0
C ridimensionamento immagini Webdesign e Grafica 0
etrusko Ridimensionamento Frame Con Script Javascript 0
H Ridimensionamento immagini tramite mouse Javascript 0
K ridimensionamento della finestra HTML e CSS 2
A Ridimensionamento pagine HTML e CSS 4
M Upload immagine con javascript problemi con FormData() Javascript 1
M Visulizzare immagine con php PHP 8
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 6
L Come caricare un'immagine in Canvas dinamicamente Javascript 0
L salvare una immagine elaborata in canvas Javascript 1
L salvare una immagine elaborata in canvas Javascript 1
Y Come caricare e visualizzare un'immagine PHP 0
S Testo scrolla su immagine che cambia HTML e CSS 0
M Quando ha l'immagine ingrandita è possibile fare rotazione per ritagliare? Photoshop 0
R Caricamento immagine su cartella remota + mysql PHP 3
R Non riesco a rinnovare l'immagine di sfondo PHP 1
R Non riesco a cambiare l'immagine di sfondo PHP 4

Discussioni simili