Hi There,
It's my first time posting, and I've only been using jquery for a
couple of hours, but I'm pretty darn impressed with what can be down
with so much ease.
I'm building a slider style gallery (it's kind of like a full screen
version of the coda website if your familiar with it). It's completely
dynamic in the approach I'm taking, because it needs to be linked with
a cms. One container div (#scroller) sits as an absolutely positioned
element inside another container div (sort of like a window). Within
#scroller sits an unlimited number of smaller div's each with their
width defined by an img inside them (they are all different widths).
eg:
<div id="container">
<div id="scroller">
<div id="image1">
<img src="..." width="400" height="400">
</div>
<div id="image2">
<img src="..." width="230" height="400">
</div>
<div id="image3">
<img src="..." width="520" height="400">
</div>
</div>
</div>
Now for my scroller to work properly, I need to find out what the
width of #scroller is. I've had a stab, but I didn't get anywhere. I
know I can grab all the child divs by using: $("#scroller > *) then I
can attach .each() to get their width, but their I am stumped.
The second thing I need for my scroller to work is the sum of the
image divs before the actual div I am moving (bad explanation). e.g If
I am moving #image3, I need to know what the widths of #image1 and
#image2 are, if I am moving #image2, I need to know what the sum of
#image1 is, etc.
I'd be very happy if someone could help. It's all going to be open
source once I finish it off so I will post a link here. Thanks!
