Photos in two columns

[bowers01 +]

Hi,
In the viewlisting i currently have http://everythingsfree.org/image//images/742043have.jpg
but i want to change it to http://everythingsfree.org/image//images/496601want.jpg

The current code is

			  {foreach from=$data item=image}
				   <p><a href="photos/{$image.image}" onmouseover="window.status='View Large Image';return true" onmouseout="window.status='';return true" rel="lightbox" id="image{$image.id}" title="{$image.title}">
				    <img src="thumbs/small_{$image.image}" class="image" alt="{$image.title}" /></a><br />{$image.title}</p>
				    <div class="lightboxDesc image{$image.id}"></div>
				{foreachelse}
			 <img src="templates/{$smarty.const.MAIN_TEMPLATE}/images/nophoto.gif" width="100" hspace="5" vspace="5" border="1" />
			  {/foreach}

How can i do this?
Cheers,
Nick

[bowers01 +]

Any ideas?
Nick

[Lhotch +]

I have an idea but dont have working code. For starters the paragraph tag will make sure each new image is under the provious one so you would have to add some smarty logic get a count of the array contents and then employ some smarty logic to apply opening and closing P tags where needed.

[bowers01 +]

Hi,
Thanks, i worked it out.

			  <a href="photos/{$data.0.image}"  id="fimg_{$data.0.id}"><img width="254" class="largeimage" src="photos/{$data.0.image}" /></a>
		{html_table_adv loop=$data cols=2 table_attr='width="100%"'}
<a href="photos/[[image]]" onmouseover="window.status='View Large Image';return true" onmouseout="window.status='';return true" rel="lightbox" id="image{$image.id}" title="{$image.title}">
<img src="thumbs/small_[[image]]" class="image" alt="{$image.title}" /></a>{$image.title}
<div class="lightboxDesc image{$image.id}"></div>
		{/html_table_adv}
	  {else}
	  	<img src="templates/{$smarty.const.MAIN_TEMPLATE}/images/nophoto.gif" width="100" hspace="5" vspace="5" border="1" />
      {/if}