immagine in base a risoluzione

**jet** · 24-08-2005, 15:24

codice:

<SCRIPT type="text/javascript">
<!--

var s_width =''; 
var t = 'images/logo_home.jpg';

s_width=screen.width 
if (s_width == "800"){ 
location.href="errore.htm"; 
} 

if (s_width == "1024"){ 
location.href="vai.htm"; 
}
 
if (s_width == "1280"){ 
location.href="vai.htm"; 
}
 //--> 
</script>

con questo script riesco a reindrizzare in base alla rsoluzione;
ma come si fa a cambiare il nome di un'immagine?

**Zero** · 24-08-2005, 23:30

dovrebbe essere qualcosa di simile

codice:

<SCRIPT type="text/javascript">
<!--

var s_width =''; 
var t = 'images/logo_home.jpg';

s_width=screen.width 
if (s_width == "800"){ 
document.immagine.src='800.gif'; 
} 

if (s_width == "1024"){ 
document.immagine.src='1024.gif'; 
}
 
if (s_width == "1280"){ 
document.immagine.src='1280.gif'; 
}
 //--> 
</script>

Naturalmente nel codice (x)html deve essere presente questo

codice:

[img]standard.gif[/img]

"standard.gif" dovrebbe essere un immagine che si presenta in caso che il javascript sia disabilitato (ma puoi anche non metterla)

Ciao

**jet** · 25-08-2005, 10:10

errore:
document.immagine è nullo o non è un oggetto

**Mich_** · 25-08-2005, 10:56

document.images['immagine'].src = ...

Inoltre in alcuni sistemi i nomi dei file non possono inziare per numero: mettici una lettera davanti a tutti.

**Zero** · 25-08-2005, 11:22

ringrazio Mich per la correzione

E scusate, l'ho scritto di fretta e non avevo avuto tempo di testare

**jet** · 25-08-2005, 17:10

Grazie a entrambi.

**jet** · 25-08-2005, 17:16

errore:
document.images.immagine è nullo...

**Mich_** · 25-08-2005, 17:30

La sintassi e` una cosa seria ...
impara a copiare bene

Oppure usa l'attributo id al posto del name (sarebbe corretto per il DOM) e la sintassi JS:
document.getElementById('ID_OGGETTO').src = ...

**Zero** · 25-08-2005, 17:40

Magari mi sbaglio (anche perchè non sono molto pratico) ma credo che il problema risieda nel fatto che, pur inserendo la stringa proposta nello script di cui dispone, non andrà mai. Non vi è assegnata una funzione all'onload e, di conseguenza, il browser esegue lo script prima di leggere il tag "img"..

prova ora:

codice:

<html>
<head>
<title>Test</title>
<script>
function test(){
if (screen.width>800) {
document.images['immagine'].src = 'immagine800.gif'; 
} else {
document.images['immagine'].src = 'immagine1024.gif'; 
}
}
</script>
</head>

<body onload="test();">
[img]standard.jpg[/img]
</body>
</html>

**jet** · 25-08-2005, 17:55

Funge, ma visualizza sempre immagine800.gif sia con risoluzione a 1280 e sia a 1024.

Discussione: immagine in base a risoluzione

Strumenti discussione

Ricerca discussione

Visualizza

immagine in base a risoluzione

Permessi di invio