This is something I want to do, but requires more complex code then I know. I use lightbox for my images on my page. But when adding photos to a collection, the code is very repetitious, with small changes. I want to create a web page, where I can enter the code for each reference, and when I press submit, it generates the number iterations I request with the small incremental differences.Example:
<div class="thumbnail">
<a href="_images/_thewedding/wedding.03022007.001.jpg" rel="lightbox[thewedding]" title="Roll over and click right side of image to move forward.<br /> Felicia, Tessa, Carey and Tanya"><img src="_images/_thewedding/_thumbs/thumbs.thewedding.001.jpg" width="100" height="75" alt="TheWedding: image 1 0f 44 thumb" class="noborder" /></a>
</div>
<div class="thumbnail">
<a href="_images/_thewedding/wedding.03022007.002.jpg" rel="lightbox[thewedding]" title="Roll over and click right side of image to move forward.<br /> Tessa, Carey, Tanya, the back of Steven's Head"><img src="_images/_thewedding/_thumbs/thumbs.thewedding.002.jpg" width="100" height="75" alt="TheWedding: image 2 0f 44 thumb" class="noborder" /></a>
</div>
In the example, there are 44 total images. The green text, is the individual description, this would have to be changed manually, or left out. The red text, is the number which increments up to 044, and 44 of 44. So I would want to be able to input:
<div class="thumbnail">
<a href="_images/_thewedding/wedding.03022007.###.jpg" rel="lightbox[thewedding]" title="Roll over and click right side of image to move forward.<br /> description"><img src="_images/_thewedding/_thumbs/thumbs.thewedding.###.jpg" width="100" height="75" alt="TheWedding: image ## 0f 44 thumb" class="noborder" /></a>
</div>
and let the script know, I want a series of 001 thru 044. It would then generate this code 44 times with the ### marks being replaced with 001 thru 044.
Any advice? I am sorry this is such a long post.