Как сделать такой паровозик?

Код:

<a href="ссылка"  target="_blank"  title=" Название "><img src="ссылка на фото"  alt=" Название " border="0" width="90" height="90"></a>

kate28 пишет:Попробовала, спасибо, получается!
Только еще интересует стрелочки "Для особо одаренных", что можно листать, а то многие, могут не понять, что картинки можно листать.

http://sibshop.forum2x2.ru/ - сюда хочу сделать...

Спасибочки.

Код:

<script type="text/javascript" src="http://www.patmax.eu/J1/120404181157.js"></script>
<script type="text/javascript" src="http://www.patmax.eu/J1/120330112609.js"></script>
<script type="text/javascript">
      jQuery(function() {
          jQuery(".jMyCarousel").jMyCarousel({
              visible: '100%'
          });
      });
  </script>

<style>
div.jMyCarousel .prev{  
background: url('https://i.servimg.com/u/f58/14/80/95/87/left10.png') center center no-repeat; /* кнопка влево*/  
width:47px;    /* ширина кнопки */
height:61px; /* высота кнопки */  
border:0px;
}

div.jMyCarousel .next{  
background: url('https://i.servimg.com/u/f58/14/80/95/87/right10.png') center center no-repeat; /* кнопка вправо */  
width:47px;    /* ширина кнопки */
height:61px; /* высота кнопки */    
border:0px;
}
div.jMyCarousel ul li{
border:1px solid #000; /* рамка на картинках */
line-height:0px;
margin:0 1px; /* отступ картинок друг от друга */
}
</style>

Код:

<br/><br/><div class="jMyCarousel">
    <ul>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
        <li><img src="ссылка на картинку" width="160" height="107"></li>
  </ul>
</div>