Home/ Questions/Q 6768195
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T15:02:47+00:00

I know, I am crazy, considering I am literally just learning HTML. But I

  • 0

I know, I am crazy, considering I am literally just learning HTML. But I am attempting to design a website for my brother, and he REALLY wants this. Please be very directional with your responses. I am using this JQuery thing to fade in and out a picture, so maybe I can use a similar thing to do this?

By the way, I would like the image to slide to it’s position, not just move in a flash.

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    JQuery .animate() is a way to go.
    Documentation and examples are provided on http://api.jquery.com/animate/

    Here is a quick demo:

    <!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>
    • 0