Archivlink: javarea.de Forum > JavaScript > möchte einen Hasen über die Seite laufen lassen...
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > möchte einen Hasen über die Seite laufen lassen...

Pages: [1] 2 ... nächste » ... Letzte »
geschrieben von danimauserl2 am 31.01.2006 - 10:00
liebe leute!

kann mir bitte jemand helfen? unter euch sind bestimmt ne menge profis
hab erst vor kurzem geschafft, einen schnee über die homepage rieseln zu lassen. war ja schon ganz stolz drauf
jetzt würde ich allerdings gerne zu ostern einen hasen über die homepage hüpfen lassen. so von links nach rechts oder so...
würde mich sehr über eure hilfe freuen!

liebe grüße
dani

geschrieben von René am 31.01.2006 - 10:54
http://www.javarea.de/forum/showthr....adid=10634

geschrieben von danimauserl2 am 31.01.2006 - 10:59
hi rené,

vielen lieben dank!
muß ich an dem code noch irgendwas ändern? welches bild wurde da verwendet?

lg dani

geschrieben von René am 31.01.2006 - 11:29
Zitat
 Original geschrieben von danimauserl2 am 31.01.2006 - 10:59

welches bild wurde da verwendet?


HTML-Quelltext
1: 

<img id="bild" src="./test.jpg" border="0" width="161" height="115" alt="" />

geschrieben von danimauserl2 am 31.01.2006 - 11:35
hi rené,

ansonsten wird also nichts mehr verändert?
und das häschen läuft dann von links nach rechts?

vielen lieben dank für deine hilfe!!!!!!

lg dani

geschrieben von René am 31.01.2006 - 11:50
Hallo dani,

nimm mal den Code dann läuft der Hase dauerhaft. Im <img ... > das Rot ist dein Bild das Blau mußt du an die Breite deines Bildes anpassen das gleiche gilt für Grün. In der JavaScript "function grafik()" habe ich noch etwas Blau markiert, hier mußt du etwas Kopfrechnen und zwar das was du im <img ...> bei width eingetragen hast + 2 rechnen und dann in der JavaScript Function an der blau markierten Stelle eintragen.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 

<html>
<head>

<style type="text/css" media="screen">
<!--
body
{
	border-width: 0px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
}

#bild
{
	position: absolute;
	left: 0px;
}
//-->
</style>

<script language="JavaScript" type="text/javascript">
<!--
function grafik()
{
	var breite = (window.innerWidth ) ? window.innerWidth : document.body.offsetWidth;
	var stop   = breite - 163;
	var stand  = document.getElementById('bild').offsetLeft;

	document.getElementById('bild').style.left = ((stand >= stop) ? 0 : (stand + 2)) + 'px';

	setTimeout('grafik();', 20);
}
//-->
</script>

</head>
<body onload="grafik();">

<img id="bild" src="./test.jpg" border="0" width="161" height="115" alt="" />

</body>
</html>

geschrieben von danimauserl2 am 31.01.2006 - 11:55
hi rené,

bist ja ein schlaues kerlchen
hast dir das alles selber beigebracht oder wie?
vielen lieben dank nochmal. ich werde das am abend zu hause test...

liebe grüße
dani

geschrieben von René am 31.01.2006 - 12:08
Zitat
 Original geschrieben von danimauserl2 am 31.01.2006 - 11:55

hast dir das alles selber beigebracht oder wie?

Habe ich mit Hilfe dieser Seite SELFHTML bzw. das könntest du auch.

----

PS:

Und bitte nicht immer Fullquote (Zitat) wir haben auch einen "Antworten" Button. Wenn schon Zitat dann auch nur den Teil auf den du antworten möchtest.

geschrieben von danimauserl2 am 31.01.2006 - 12:18
von der seite hab ich schon mal gehört. werd ich mal reinstöbern

lg dani

ps.: sorry, bin neu hier

geschrieben von danimauserl2 am 31.01.2006 - 19:59
so, jetzt hab ich das versucht. auf einer einfachen seite funktioniert´s. jetzt hab ich allerdings eine andere versucht, die allerdings schon ein script beinhaltet.
es fängt an mit:
<script type="text/javascript">

und endet mit:
</script>

danach geht´s weiter mit:
<link href="css/standard.css" rel="stylesheet" type="text/css">

</head>
<body bgcolor=#....... usw.

wo füge ich jetzt den code eigentlich genau ein? vor head, danach, im body???
funktionieren überhaupt 2 scripte???

lg dani

geschrieben von René am 31.01.2006 - 21:13
Das was oben in meinem Code im <head> ... </head> steht fügst du auch bei die an dieser Stelle ein. Das <img ...> so wie oben im <body> und das <body onload="..."> fügst genauso bei dir ein.

Wenn dann etwas nicht geht deine Seite hochladen und Link posten.

geschrieben von danimauserl2 am 01.02.2006 - 19:39
ich glaub, ich bin zu blöd dafür. könntest mal einen kurzen blick drauf werfen?
ich hätte den hasen gerne unten, möchte allerdings nicht die seite verlängern. also kein scrollbalken. geht das?

http://members.inode.at/424400/

lg dani

geschrieben von weisnix am 01.02.2006 - 19:58
Den Hasen einfach unten positionieren:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 

#bild
{
	position: absolute;
	left: 0px;
	bottom: 0px;
}

geschrieben von danimauserl2 am 01.02.2006 - 21:48
Hallo Katrin, hallo René!

VIELEN LIEBEN DANK FÜR EURE HILFE! KLAPPT PRIMA....

LG dani

geschrieben von danimauserl2 am 02.02.2006 - 07:56
woran kann es eigentlich liegen, wenn das bild links unten stehen bleibt und nicht von links nach rechts wandert?

lg dani


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.