Ridimensionare immagine...

**Il Pazzo** · 08-11-2007, 01:33

... in base alla dimensione di un div e non della finesta del browser.... è possibile?

In pratica io ho un div "container" che è alto il 30% della finestra del client... ridimensionando la finestra del client anche il "container" si ridimensiona... mentre l'immagine imane uguale...

il codice è questo:

codice:

<head>
<script type="text/javascript" language="JavaScript">
function resize() {
	var immagine = document.getElementById("img");
	immagine.style.width = document.body.clientWidth;
	immagine.style.height = document.body.clientHeight * 30 / 100;
	document.
}</script>
</head>

<body onLoad="javascript:resize();" onResize="history.go(0)">
...

Effettivamente alla partenza l'immagine è dimensionata al modo giusto.... quando invece rimpicciolisco il client l'immagine imane la stessa

**oronze** · 08-11-2007, 11:48

l'unica cosa che mi viene in mente è fare un settimeout che effettui il controllo ogni secondo oppure non so...se tu metti come height il 100% funziona? non ne ho idea, non mi sono mai trovato alle prese cn un problema simile...sono le uniche due idee che mi vengono in mente anche se la seconda nn penso funzioni

**Il Pazzo** · 08-11-2007, 12:32

Originariamente inviato da oronze
l'unica cosa che mi viene in mente è fare un settimeout che effettui il controllo ogni secondo oppure non so...se tu metti come height il 100% funziona? non ne ho idea, non mi sono mai trovato alle prese cn un problema simile...sono le uniche due idee che mi vengono in mente anche se la seconda nn penso funzioni

Porco cane ma perchè non posso fare le cose semplici

Abbandoniamo quest'idea allora.... facciamo solo che l'immagine si ingandisca o si rimpicciolisca in base alla risoluzione dello schermo....

Spiego subito... ho notato che se aumento la risoluzione l'immagine diventa troppo piccola, se la diminuisco diventa troppo grande....
La dimensione giusta sarebbe quel 30% del client... quel codice che ho scritto però non funziona.... come mai?

**Jarno** · 08-11-2007, 16:56

non capisco questo:

Codice PHP:


<body onLoad="java-script:resize();" onResize="history.go(0)">

sempre che funzioni "onResize" che è la prima volta che vedo, e soprattutto sempre che funzioni tutto il resto, io scriverei:

Codice PHP:


<body onLoad="resize();" onResize="resize();">

ma poi cosa è quel

Codice PHP:


document.

?

**Il Pazzo** · 08-11-2007, 17:24

Originariamente inviato da Jarno
non capisco questo:

Codice PHP:


<body onLoad="java-script:resize();" onResize="history.go(0)">

sempre che funzioni "onResize" che è la prima volta che vedo, e soprattutto sempre che funzioni tutto il resto, io scriverei:

Codice PHP:


<body onLoad="resize();" onResize="resize();">

Si infatti giusto.. onResize in pratica richiama il mio script nel momento in cui ridimensiono la finesta del browser.... però giustamente funziona nel modo che hai scritto tu...

Originariamente inviato da Jarno
ma poi cosa è quel

Codice PHP:


document.

?

Onestamente me ne sono accorto solo ora che me l'hai fatto notare....
Comunque ho cambiato quell' "onResize" e ho eliminato quell'ultima riga... ma il codice continua a non funzionare...

**Jarno** · 08-11-2007, 17:29

meglio se posti il nuovo codice ....no sai ...per sicurezza

**Il Pazzo** · 08-11-2007, 17:33

Originariamente inviato da Jarno
meglio se posti il nuovo codice ....no sai ...per sicurezza

Codice PHP:


<head>

    <style> 

        @import url(Stile.css);

    </style>



        <script type="text/javascript" language="JavaScript">

                function resize() {

                     var immagine = getElementById("img");

                     immagine.style.width = document.body.clientWidth;

                     immagine.style.height = document.body.clientHeight * 30 / 100;

                }

        </script>

</head>



<body onLoad="javascript:resize();" onResize="resize();">

        ....

</body>

**Jarno** · 08-11-2007, 17:38

Codice PHP:


<head>

    <style> 

        @import url(Stile.css);

    </style>



        <script type="text/javascript" language="JavaScript">

                function resize() {

                     var immagine = document.getElementById("img");

                     immagine.style.width = document.body.clientWidth;

                     immagine.style.height = document.body.clientHeight * 30 / 100;

                }

        </script>

</head>



<body onLoad="resize();" onResize="resize();">

        ....

</body>

5 euri + iva

**Il Pazzo** · 08-11-2007, 17:43

Originariamente inviato da Jarno

5 euri + iva

ho cambiato solo questa riga (no????):

Codice PHP:


<body onLoad="resize();" onResize="resize();">

Ma continua a non andare.... nel dubbio.... l'immagine nel mio codice html è così:

Codice PHP:


<div id="container">

           <div id="header">

        

[img]Immagini/Logo3.gif[/img]



  </div>

....

**Jarno** · 08-11-2007, 18:28

Codice PHP:


var immagine = document.getElementById("img");

Discussione: Ridimensionare immagine...

Strumenti discussione

Ricerca discussione

Visualizza

Ridimensionare immagine...

Permessi di invio