Okay, so this is what I have:

```
<div id="imageWrapper">
   <img src="image.jpg" alt="image" width="250px" height="180px" />
   <img src="image.jpg" alt="image" width="250px" height="180px" />
   <img src="image.jpg" alt="image" width="250px" height="180px" />
   <img src="image.jpg" alt="image" width="250px" height="180px" />
   <img src="image.jpg" alt="image" width="250px" height="180px" />
   ...
</div>

```

The imageWrapper div has a set width/height and overflow:hidden via CSS, then a lot of image thumbnails inside that together, are larger than the parent div.

What I'm trying to achieve is when your mouse is inside the imageWrapper div and you move your mouse the thumbs scroll horizontal/vertical dependent on position in order to be able to scroll around and see all the thumbs?

I've tried numerous jQuery plugins but they all seem to be geared towards panning a single large image rather than the contents of a div.

Any help will be greatly appreciated!