Smarty

Lil · Smarty n00b Joined: 24 Mar 2012 Posts: 2

Hello,

I use this code to generate images to a page

{if $images}
{foreach from=$images item=img} <img alt="" src="{$img.base}{$img.filename}" />{/foreach}
{/if}

it works really well, all the images are huge and can be seen clearly, but I was wondering if there is anyway that I could make Image 1 Huge and the rest smaller and side by side, for example

[big main picture on a huge box]

[other pic smaller] [other pic smaller]

[other pic smaller] [other pic smaller]

etc etc

or even

[big main picture on a huge box]

[ and the rest of the images lined up here smaller]

Thank You Cool

winracer · Smarty Rookie Joined: 15 Dec 2009 Posts: 12

I run a cross this the other day, I am not sure if it is what you are looking far

http://www.newmediacampaigns.com/page/image-resizing-smarty

it will let you do height and width

{imagesize src=$imageUrl [width=200] [height=100] [crop=true] [bw=true] [colorize="#ff0000"] [radius=10] [forcepng=true] [background='#000000'] [alt='Alternate Text'] [title='Image Title'] [class='className'] [id='idName'] [style='inline styles']}
_________________
winracer
http://helpmewithperl.com
http://myfunnypets.com

dough boy · Smarty Rookie Joined: 31 Mar 2006 Posts: 32

You should use CSS for this.

Like:

ul li img {width:y}
ul li:first-child img {width:x}

<ul>
<li><img></li>
<li><img></li>
</ul>