DeletedUser111004
Gast
Hallöchen,
ich bin gerade dabei Javascript zu lernen, sprich bin noch ziemlicher Anfänger. Für den Anfang hab ich mir gedacht ich versuche mal ein Bild von links nach rechts zu bewegen, wenn es den rechten rand erreicht hat soll es wieder nach links usw. Nur will es nicht ganz funktionieren und ich finde einfach nicht heraus warum, logisch betrachtet müsste es funktionieren, kann mir vielleicht von euch jemand weiterhelfen ? Hier mal der Code:
Wär echt nice wenn mir jemand das Problem erläutern könnte.^^
LG
ich bin gerade dabei Javascript zu lernen, sprich bin noch ziemlicher Anfänger. Für den Anfang hab ich mir gedacht ich versuche mal ein Bild von links nach rechts zu bewegen, wenn es den rechten rand erreicht hat soll es wieder nach links usw. Nur will es nicht ganz funktionieren und ich finde einfach nicht heraus warum, logisch betrachtet müsste es funktionieren, kann mir vielleicht von euch jemand weiterhelfen ? Hier mal der Code:
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Ohne_Titel_1</title>
</head>
<body>
<img src="./images/bild1.png" alt="Bild1" onclick="bewegen()" id="bild"></img>
<script type="text/javascript">
var zaehler = 1;
var zaehler2 = 1;
function nachrechts() {
zaehler = 1;
window.setInterval(function() {
zaehler+=10;
document.getElementById("bild").style.marginLeft = zaehler + "px";}
}
,100);}
function nachlinks() {
zaehler2 = 1;
window.setInterval(function() {
zaehler2+=10;
document.getElementById("bild").style.marginRight = zaehler2 + "px";}
}
,100);}
function bewegen() {
window.setInterval(function() {
while(document.getElementById("bild").style.marginLeft < 1356)
{nachrechts();}
while(document.getElementById("bild").style.marginRight < 1356)
{nachlinks();}
}
,100);}
</script>
</body>
</html>
Wär echt nice wenn mir jemand das Problem erläutern könnte.^^
LG