Also im JS:
document.getElementById("slider").innerHTML = '<img src="' + bildpfad + '1.jpg" width="100%">';
für _jedes_ Bild
Hab jetzt noch einal jede Menge getestet, dieser Code schent bei mir einfach nicht zu funktionieren... hab ne neue HTML-Datei geschrieben, komplett leer nur mir diesem Code und den nötigen DIV-Container. Passiert nichts... evtl. irgendwo ein kleiner Fehler drinne?? Ich kann da allerdings nicht finden, mit der JavaScript-Logig kenne ich mich leider zu schlecht aus um da einen Fehler zu erkennen...
so hiert nun mein Code für das JacaScript aus:
<script language="JavaScript">
var Bildschirmaufloesung = screen.width;
var bildpfad = "";
if (Bildschirmaufloesung = "1920")
{
bildpfad = "images/slider-hs/1920/";
document.getElementById("slider").innerHTML = '<img src="'+ bildpfad +'1.jpg">';
document.getElementById("slider").innerHTML = '<img src="'+ bildpfad +'2.jpg">';
}
else if (Bildschirmaufloesung >= "1366")
{
bildpfad = "images/slider-hs/1366/";
document.getElementById("slider").innerHTML = '<img src="'+bildpfad+'1.jpg">';
document.getElementById("slider").innerHTML = '<img src="'+ bildpfad +'2.jpg">';
}
else
{
bildpfad = "images/slider-hs/";
document.getElementById("slider").innerHTML = '<img src="'+bildpfad+'1.jpg">';
document.getElementById("slider").innerHTML = '<img src="'+ bildpfad +'2.jpg">';
}
</script>