unwanted image wrap !!

[simonB]

I've got a div which is filled with images (<img src="....>) during runtime.
The whole div is then scrolled left and right by the user.
(there's a mask div over the top so the user is only seeing the central 2 or 3 images at any one time)

When the dic is scrolled left, the images at the extreme end simple dissapear off the end of the screen - perfect!

Problem comes when the div reaches the right-hand side of the screen. Instead of conveniently disapearing, the images start to wrap underneath each other. (and out from the bottom of my mask!).

Is there any way to prevent this 'wrapping'?
I've ponderd on removing each image in turn as it reaches the edge, but it's a ridiculously contrived fiddle who's code is almost as long as my page was in the first place!!.

p.s. - before you ask, I have reasons for not using the 'marque' tag!!


Cheers
Simon

[khalidali63]

That points to a problem in your code.
Please post your code here for some ont to take a look at it and be able to give you a suggestion.

better if you post html+JavaScript

Khalid

[simonB]

A fine offer, I must say (although please just point me in the direction - I still want to 'feel' as though i've done some work myself !!)

I've attached a simplified attachment of a working model.

In the final version the whole div is represented with nothing more than [<div name = "implantDiv"></div>]. Then, on user selection, i fill the innerHTML of "implantDIV" with "implantTxt" - a variable containing multiples of [<a href onclick="..."><img.....src...></a>"]. The work being done by an included jar.

Hope that makes sense !!

Regards... Simon