background image bewegen und reloaden ohne html zu reloeden!?

gixnetwork

gixnetwork

Erfahrenes Mitglied
Hallo zusammen

einz nach dem andern....

habe folgendes script welches das background image nach links verschiebt.
HTML: 
<html>
<head>

<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript">
	
    // speed in milliseconds
	var scrollSpeed = 100;
	

	// set the default position
	var current = 0;

	// set the direction
	var direction = 'h';

	function bgscroll(){

    	// 1 pixel row at a time
	    current -= 1;
   
	    // move the background with backgrond-position css properties
	    $('div.clouds').css("backgroundPosition", (direction == 'h') ? current+"px 0" : "0 " + current+"px");
   
	}

	//Calls the scrolling function repeatedly
	 setInterval("bgscroll()", scrollSpeed);	
	
	</script>

<style type="text/css">	
	.clouds {background: url(http://www.wetterstation-weingarten.ch/html/webcam.jpg) repeat-x 0 bottom; width:1px; height:1px; margin:1px; border:0px solid }

</style>
</head>
<body>
<div class="clouds" id="Layer1" style="position:absolute; left:0px; top:0px; width:999px; height:250px; z-index:1"></div>

</body>
</html>

Jetzt solte das background image neu geladen werden da es ein "live-bild" ist! ohne den ganzen html inhalt neu zu laden.
Habe solche reloadscripte gefunden, konnte es aber nicht einbauen, da es nicht mit dem jetzigen script "harmoniert"

2. wenn das bild nach links verschoben wirt, ist nach dem bild das gleiche bild widerholt zu sehen.....

dort entsteht eine optische linie, weill das bild links und rechts am rand, oftmals nicht genau die gleiche farbe hat.

das frame hat 990 pixel- das bild 1280 pix also 1280-990=290pixel

wenn das bild um 290pixel bewegt wurde -> befehl zurück zu Null (auf startposizion) ((am besten dann auch gleich bild reloaden))

wie mache ich das?

Ich Betreibe die Homepage als hobby - Testseite: http://www.wetterstation-weingarten.ch/wetter/

Danke für vorschläge und lösungs ansätze.
 
Zuletzt bearbeitet:
Ist mir zu kompliziert geworden, ev. sogar unmöglich.

Habe Noch mals alles überdacht und total anderst gestaltet.

gruss , wetter pc freak
 
Hi Gixnetwork,

ich bin zwar auch kein Freak in Javascript aber versuch es doch mal mit animate.

Javascript: 
$('body').load(function() {
   $('div.clouds').animate({"margin-left":"-290px"});

});

Würde mal schauen ob sowas in die Richtung gehen könnte?

Gruß
Fredolin
 
Zuletzt bearbeitet von einem Moderator:
@Fredolin

Ich bin kein Javascript Freak.

Habe mienen ersten PC vor 18 Jahren mit 12 Lebensjahren. Seit dem schraube ich an PCs herum.
ab 1998 hatte ich miene erst Homepage Erstelt. Hatte nie eine schuhle oder Kurs besucht zum tema PC.

Ich arbeite oft mit mehreren frames. jetzt möchte ich die Navigation mis DIV gastalten.
----
Bei deinem vorschlag mit "animate" zu arbeiten bringt mich leider nicht weiter.

da kann ich keine geschwindigkeit angeben und das reloaden müste ich auch noch

aber danke für dem tip
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück