Forum PHP.pl

Hej,

próbuję zrobić nieskończona pętle ale coś nie wychodzi ;/

[PHP] pobierz, plaintext 
$(document).ready(function(){
 
	function moveObject(){
 
		$(".obiekt").animate({top: '30px'}, "slow", "", t);
	}
 
	function t(){
		moveObject()
	}
 
	function start(){
		setTimeout(moveObject, 1000);
	}
 
	start()
});  
[PHP] pobierz, plaintext 

Ten post edytował tomi1985 22.03.2015, 10:19:43

setTimeout wykonuje funkcje tylko raz, to czego szukasz to setInterval

[PHP] pobierz, plaintext 
$(document).ready(function(){
 
	function moveObject(){
		$(".obiekt").animate({top: '30px'}, "slow");
	}
 
	function start(){
		setInterval(moveObject, 1000);
	}
	start()
});  
[PHP] pobierz, plaintext 

lipa nadal tylko 1 x

thx


hmmm a jak sie sprawdzało pozycję elementu



ok mam

position hehehe ale wstyd

[PHP] pobierz, plaintext 
$(document).ready(function(){
	var pos = 10
 
	function moveObject(){		
		$(".obiekt").animate({top:pos}, "slow");
		pos = pos + 10
	}
 
	function start(){
		setInterval(moveObject, 1000);
	}
	start()
}); 
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
<style>
	#last {
		padding:10px;
		border:1px solid black;
		height:300px;
		overflow: hidden;
	}
 
	.obiekt {
		width:50px;
		height:50px;
		background:orange;
		position:relative;
		margin-bottom:10px;
 
	}
</style>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="last">
	<div class="obiekt"></div>
	<div class="obiekt"></div>
	<div class="obiekt"></div>
	<div class="obiekt"></div>
	<div class="obiekt"></div>
<div>
[HTML] pobierz, plaintext 

a jak zrobić, że jak div class='obiekt" przejdzie przez obrys div id="last" aby został na nowo pokazany na górze....

Chodzi mi o pasek pionowy z obiektami który porusza się pionowo cały czas

Obecnie działa mi tylko jeden raz...

To już nie jest takie proste, poszukaj jakiegoś skryptu typu carousel może.

mam taki skrypt ale chciałem to sam zrobic

warunek i modulo długość div i ustawienie poz na nowo

Nic trudnego

a czy mogłbyś jakis przyklad pokazać ?

[JAVASCRIPT] pobierz, plaintext 
if(pos%100 == 0)
 pos = 10;
[JAVASCRIPT] pobierz, plaintext 

sory mój bład

Ten post edytował com 22.03.2015, 20:21:34

nie rozumiem tego przykładu... mógłbyś to jakos objaśnić?

http://www.wikiwand.com/pl/Modulo
Edytowałem bo zapomniałem o == 0

ok, ale i tak to nie bedzie działać tak jak chce...

ponieważ np.

mam 10 obiektów które chce wyświetlać w postaci pionowego paska który się przesuwa np. co 3 sek i zarazem jednocześnie były widoczne tylko 3 obiekty.

Zdubluj w div#last tą samą grupę elementów.
Kiedy osiągniesz przesunięcie równe długości jednej grupy, czyli ostatni element pierwszej grupy się schowa, a pierwszy drugiej grupy będzie przy krawędzi, przestaw całość do pozycji początkowej (pierwszej element pierwszej grupy przy krawędzi). Osiągniesz efekt zapętlenia.

chodzi mi o efekt jak tutaj:

http://www.e-noclegi.eu/

"Ostatnio dodane obiekty

No, to ponawiam swoje rozwiązanie.

EDIT: W Twoim przypadku wystarczy zduplikować pierwsze 3 elementy.

Ten post edytował trueblue 22.03.2015, 20:58:53