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
T Ridimensionamento fieldset HTML e CSS 1
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
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
gara1 inserire immagine di sfondo in canvas Javascript 0
T Dividere un'immagine in 3 parti orizzontali e salvarle separatamente Photoshop 2
W Immagine come maschera photoshop Photoshop 1
L Ultima immagine Windows e Software 0
A Immagine decentrata con sfondo trasparente Photoshop 0
A Scontornare immagine di bassa qualità. Photoshop 2
B Selezionare un'immagine e salvare la selezione Photoshop 3
F Immagine come fosse selezione attiva Photoshop 1
Y Percorso assoluto file immagine HTML e CSS 9
K Come posso usare un'immagine al posto di un bottone? HTML e CSS 2

Discussioni simili