جرب هذا جافا سكربت وحط الصوره اللي تعجبك وراح تنزل معاك كل مانزلت 
واي سؤال تحت الخدمه 
كود:
<HTML>
<HEAD>
<TITLE>Floating Menu</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
/*---------------
This JavaScript was
written by Joey Mornin
on April 7, 2000. There
is no copyright, but it
would be nice if you'd
visit http://www.learn.tsx.org
or leave this message.
Thanks!
---------------*/
// Instructions:
// This is a fairly simple code to get running. There are
// a few things that you need to do, however. First, you
// need to set a value for the setTimeout() method near the
// bottom of the code. Don't forget to add the onLoad event
// handler to the <BODY> tag. Then go take a look down below
// the <BODY> tag. You'll have to change a couple values for
// the <DIV> tag. Those values are "left:10px" and "top:10px".
// The value for left defines how many pixels that floating
// stuff should be from the left edge of the screen, and
// the value for top is the number of pixels the stuff should
// be from the top edge. The final thing you have to do in this
// code is tell it what to float. Typically, this would be
// a table or image, acting as a navigational menu. But, whatever
// you place between the <DIV>...</DIV> tags will float.
// I commented out various lines below to help the script's
// readibility. If you have any problems, please e-mail me at:
// jmornin@gateway.net.
// Good Luck!
// First, declare the variables
var mover = null
var object = "menu"
// Check if browser is Netscape. If it is, assign a certain value to "mover"
if (navigator.appName.indexOf("Netscape") != -1) {
var mover = "document.menu.top = window.pageYOffset"
}
// If the browser is not Netscape, assign a different value to "mover"
else {
var mover = "menu.style.pixelTop = document.body.scrollTop"
}
// Now the function
function check() {
object = "menu"
eval(mover)
setTimeout("check()", 10) // The number after "check()" is in milliseconds (lower number = less lag time)
}
// End of the code -->
</SCRIPT>
</HEAD>
<!-- Don't forget the onLoad event handler -->
<BODY onLoad="check()">
<!-- Here's the div tag; refer to the instructions at the top for more info -->
<DIV id="menu" style="position:absolute; visibility:show; left:10px; top:10px; z-index:0">
<img src='ضع هنا عنوان الصوره'>
</div>
<!-- The line breaks below are just to give the page some depth, so the effect can be seen. -->
<br><br><br><br>
<br>
<br>
<a href="http://www.webtutorials.tsx.org">
</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</BODY>