Afbeelding laten stuiteren

Hi,

Ik wil een basketbal op mijn site laten stuiteren, maar hoe doe ik dit?

Het moet ongeveer zo gaan: zie animatie: .

Maar moet niet te hard gaan, gewoon rustig laten stuiteren.

Groet,

Patrick

jQuery? Iets met bounce ofzo en dat laten herhalen? Of gewoon jQuery.animate

Als je enigszins de mogelijkheid heb zou ik er een gif van maken.

Lennard schreef:

Als je enigszins de mogelijkheid heb zou ik er een gif van maken.

Inderdaad, dat is de beste mogelijkheid, dan hoef je niet met jQuery te kloten.

En het is wat minder zwaar voor je bezoekers.

dit kan met natuurlijk ook met marque html tool.

<marquee direction="up" behavior="alternate" scrollamount="12" >img hier</marquee>

Rogier schreef:

dit kan met natuurlijk ook met marque html tool.

<marquee direction="up" behavior="alternate" scrollamount="12" >img hier</marquee>

Dan stuitert hij niet? Stuiteren is in het begin langzaam en dan sneller en dan weer de andere kant op...
Met marquee is het één vloeiende beweging wat met een basketbal dan saai en lelijk staat..

Misschein hier mee kloten ?

hij gaat nu rechts en links als je het automatisch kan doen

!DOCTYPE html>
<html>
<head>
  <style>
div {
  position:absolute;
  background-color:#abc;
  left:50px;
  width:90px;
  height:90px;
  margin:5px;
}
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <button id="left">&laquo;</button> <button id="right">&raquo;</button>
<div class="block"></div>

<script>
$("#right").click(function(){
  $(".block").animate({"left": "+=50px"}, "slow");
});

$("#left").click(function(){
  $(".block").animate({"left": "-=50px"}, "slow");
});

</script>

</body>
</html>

@Lennard, hoe kan ik dan een gif afbeelding maken? Maar dan moet hij wel op elk scherm goed te zien zijn. Kan dit wel?

@Rogier, ik ga het proberen.

@Xjessex, hij moet op 1 punt blijven stuiteren, niet sneller, niet langzamer.

@Propje, ik ga dit ook proberen.

toevoeging op 15 december 2011, 12:40:18:
_______________________________________________________________________________

@Rogier, dat lijkt te werken, ik ga dit verder uitzoeken met die tool.

@Propje, hier moet je op pijltjes drukken?

Patricka schreef:

@Lennard, hoe kan ik dan een gif afbeelding maken? Maar dan moet hij wel op elk scherm goed te zien zijn. Kan dit wel?

@Rogier, ik ga het proberen.

@Xjessex, hij moet op 1 punt blijven stuiteren, niet sneller, niet langzamer.

@Propje, ik ga dit ook proberen.

toevoeging op 15 december 2011, 12:40:18:
_______________________________________________________________________________

@Rogier, dat lijkt te werken, ik ga dit verder uitzoeken met die tool.

@Propje, hier moet je op pijltjes drukken?

Wat Jesse bedoelt, is dat zwaartekracht parabolisch gaat, omdat er sprake is van valversnelling.

En wat Patrick zegt is dat hij dat niet nodig vind...

Mag het een gewone bal zijn of moeten er ook nog armpjes aan zijn? Als je even beter uitlegt waar het voor bedoelt is kan ik even helpen.

Alemaalte schreef:

Mag het een gewone bal zijn of moeten er ook nog armpjes aan zijn? Als je even beter uitlegt waar het voor bedoelt is kan ik even helpen.

Hij wil een basketbal laten stuiteren, is dat zo moeilijk te begrijpen?

zoiets dus maar dan 1 bal?

Marjolein schreef:

zoiets dus maar dan 1 bal? Afbeelding

Ja, maar hij hoeft niet te verkleinen als die stuitert zeg maar.