Manually Scrolling Menu Bar

@BodennMay 11.2011 — #Hello Paul,

I'm not an expert in this, but I like to try and help people ?

I just took a quick look at the source-code of the page and searched for the code of the item you were searching for... I found this:

(this is just a part of the div)

[code=html]<div id="contentWrap">
 <div id="container">
 
   <div id="topPanel">
 
  <h1>i-MiEV Image Gallery</h1>
 
  <div id="thumbsBlock">
   <ul>
   <li><a href="#"><img src="/images/imiev/images/17t.jpg" alt="i-MiEV" /></a></li>
   <li><a href="#"><img src="/images/imiev/images/18t.jpg" alt="i-MiEV" /></a></li>
 
   <!--much more small images :)-->
 
   </ul>
 
  </div>
  <div id="imgBlock">
   <ul>
 
   <!--the larger images-->
 
   <li><img src="/images/imiev/images/17.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/18.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/19.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/20.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/21.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/1.jpg" alt="i-MiEV" /></li>
 
   <li><img src="/images/imiev/images/2.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/3.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/4.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/5.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/6.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/7.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/8.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/9.jpg" alt="i-MiEV" /></li>
   <li><img src="/images/imiev/images/10.jpg" alt="i-MiEV" /></li>
 
   </ul>
  </div>
  <div id="arrowsOverlay">
   <a id="prev" href="#prev"><img src="/images/vehicle/images/btn-prev.png" alt="Previous Image" /></a>
   <a id="next" href="#next"><img src="/images/vehicle/images/btn-next.png" alt="Next Image" /></a>
  </div>
  <div id="controlsBlock">
   <a id="downloadCurrent" href="#">Download</a>
 
   <a id="play" href="#play">Play</a>
  </div>
 
 <!--more code after this..-->[/code]

On this site the creator just used 'UL' and 'LI' to make a list of images and (most likely) has more code written in the CSS file (/styles/global/topnav.css) to make it work...

I'm not this good at these things but it doesn't look that hard, I tried to google it for you but didn't really find anything useful yet.

The code is written in HTML as you see, I don't know how much experience you have at things like this? But I think it will be possible for you to get the result you wanted ?

Please let me know if I helped you (a little) or if I can help you more ?

Manually Scrolling Menu Bar

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Manually Scrolling Menu Bar

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴