Modify html so there are 2 items per li tags?
How can I modify the html on my page so I have 2 items per li results?
I need the following;
<li>Image1 Image 2</li>
<li>Image3 Image 4</li>
<li>Image5 Image 6</li>
As a starring point I can either have an unformatted series of images, or I can have each image in its own li tag;
<div>Image1</div>
<div>Image2</div>
<div>Image3</div>
<div>Image4</div>
<div>Image5</div>
<div>Image6</div>
Or;
<li>Image1</li>
<li>Image2</li>
<li>Image3</li>
<li>Image4</li>
<li>Image5</li>
<li>Image6</li>
I want to use the jcarousel vertical scroller but I need to have 2 colums. Because of the way the height is calculated I need 2 images per li. However my CMS wont let me output the image in that way.
Thanks