image anzeigen

[rappsilber]

Hallo zusammen,

brauche dringend Hilfe.

Ich möchte in Abhängigkeit von der Bildschirmauflösung eine Grafik anzeigen, aber es gelingt mir trotz Google nicht. Die Bildschirmauflösung klappt.

<script type="text/javascript">
var Bildschirmauflösung = (screen.width + ' x ' + screen.height);
var res = Bildschirmaufloesung.substr(0, 4);
var image01 = '<img src="http://forum.jswelt.de/images/wohnmobil.jpg" width="170" height="100" border="0">'
var image02 = '<img src="http://forum.jswelt.de/images/camping.jpg" width="170" height="100" border="0">'
</script>

Hier frage ich die Bildschirmauflösung ab und setze die Images.

<script type="text/javascript">
if((res) > 1440) {[B]Code???[/B]};
</script>

Vielleicht kann mir jemand helfen.

Gruß
Lothar

 

[mikdoe]

document.getElementById('id_des_elements').innerHTML = res > 1440 ? image01 : image02;

 

[rappsilber]

document.getElementById('id_des_elements').innerHTML = res > 1440 ? image01 : image02;

Das verstehe ich leider als Newbie nicht.

- - - Aktualisiert - - -

Das verstehe ich leider als Newbie nicht.

 

[mikdoe]

Na ja, die Grafik muss ja irgendwo hin. Was ist denn das Ziel?

 

[rappsilber]

Na ja, die Grafik muss ja irgendwo hin. Was ist denn das Ziel?

Wo muss ich das im Code hinschreiben?

<script type="text/javascript">
if((res) > 1440) {Code???};
</script>

 

[mikdoe]

Das kann ich erst sagen, wenn du sagst, wo die Grafik hin soll.

 

[rappsilber]

Das Ziel ist es, die Grafik in Abhängigkeit von der Auflösung anzuzeigen.

 

[mikdoe]

Ja, aber WOHIN??? Ist das ein div oder hast du eine node oder in eine class oder wohin?

 

[rappsilber]

Das ist mein Code:

<script type="text/javascript">
var Bildschirmauflösung = (screen.width + ' x ' + screen.height);
var res = Bildschirmaufloesung.substr(0, 4);
var image01 = '<img src="http://forum.jswelt.de/images/wohnmobil.jpg" width="170" height="100" border="0">'
var image02 = '<img src="http://forum.jswelt.de/images/camping.jpg" width="170" height="100" border="0">'
</script>

dann html und dann

          <td width="40%" height="81">
<script type="text/javascript">

if((res) > 1440) {Bild anzeigen!!!};

</script>
        <img border="0" src="http://forum.jswelt.de/images/wohnwagen1.jpg" width="170" height="100">
   	</td>

 

[mikdoe]

Soll das dann anstelle von wohnwagen1.jpg oder woanders zusätzlich rein?

 

[rappsilber]

Soll das dann anstelle von wohnwagen1.jpg oder woanders zusätzlich rein?

Nein, zusätzlich.

- - - Aktualisiert - - -

Nein, woanders rein. Neben wohnwagen1.jpg

 

[mikdoe]

ok. gibt es daneben schon die td wo es rein soll?

 

[rappsilber]

ok. gibt es daneben schon die td wo es rein soll?

ja, das gibt es.

 

[mikdoe]

dann gib der td eine id und benutze den code aus #2

 

[rappsilber]

dann gib der td eine id und benutze den code aus #2

verstehe ich leider nicht. Wie mache ich das???

Beispiel wäre schön

 

[reinhhardp]

Sorry wenn das nun eine blöde Frage ist: aber kann man die Grafik nicht in Prozent der Bildschirmauflösung anzeigen?

 

[mikdoe]

mach aus <td> ein <td id="rechtespalte">

 

[rappsilber]

Ich habe das jetzt so gemacht, aber es funktioniert nicht.

<script type="text/javascript">
        <p id="demo3"></p>
	document.getElementById('demo3').innerHTML = res > 1440 ? image01;
</script>

 

[mikdoe]

Warum denn jetzt in ein <p> und nicht in die Tabelle?
Ich würde lieber ein <div> nehmen. Versuchs mal so und immer die Konsole (F12) auf machen! Da sieht man was man falsch macht.

<div id="einfuegemarke"></div>
<script>
var Bildschirmauflösung = (screen.width + ' x ' + screen.height);
var res = Bildschirmaufloesung.substr(0, 4);
var image01 = '<img src="http://forum.jswelt.de/images/wohnmobil.jpg" width="170" height="100" border="0">'
var image02 = '<img src="http://forum.jswelt.de/images/camping.jpg" width="170" height="100" border="0">'
document.getElementById('einfuegemarke').innerHTML = res > 1440 ? image01 : image02;
</script>

 

[rappsilber]

Funktioniert trotzdem nicht, obwohl ich Dein Beispiel haargenau übernommen habe.