What I want it for, is to have multiple small images lined up right next to each other, and each image has a section of writting underneath. about 25 images, 140px width each in a 1000px span.
I acheived this great by putting a table inside the div, and each image inside a <td>. This works
problem i have, is that i need the slider to start from the furthest RIGHT image, and slide automatically left. This is acheived by (if you look at the link above) - startAtElementId:
But if I am using a table inside the div, it is taking the TABLE as a element and not the TD... so it doesnt work. I know this because if I change every image to be inside tables (i.e 25 tables), it works... but obviously then the formatting is not how I want.
Can anyone think of a way I can use this slider (modifications to the js code or not), with 25 images that NEED to be right next to each other, no gap.
I guess this is more of a formatting question, than about the slider. Because I only know ONE way of doing what I want, and thats to have below
That makes each image next to each other, and the c:out writting is centralized perfectly under each image (because of the td width being the same as the image, it forces it underneath).
I cant think of any other way of doing this, and combatting the element problem of the slider I am having above.
Thanks for your help, Unfortunatily, I'm not getting my desired look.
Although the graphs are there with the writting underneath perfectly, there is still a gap between each one. I tried giving one of the div containers a static width but that didnt work. Probably because the overall container of the slider from that link I gave you, has the width of the SLIDER, not the contents.
Ontop of them not being joined up. With 25 images on screen, 4 of them seem to go to a new line for no apparent reason, and when the page loads, the height of the whole slider area is twice as big, until you put the mouse over to scroll, then it ajusts.