Image Size within a Section List

[rjcuser]

Hi

Is it possible to set the image size for the 'image only' layout of a section list, so that one can put any image in and it will resize automatically?

Thanks
Cheers
Richard

[simbo]

hi

one way edit the section template and insert a table around the image with hight and width as shown below

<td width="60" height="60">NETQUOTEVAR:SECTIONIMAGE</td>

[jont]

one way edit the section template and insert a table around the image with hight and width as shown below

<td width="60" height="60">NETQUOTEVAR:SECTIONIMAGE</td>

Tables tend to stretch to accomodate the contents or if set as a background clipping to the image occurs.

You can use Javascript to resize the image on the fly .. checkout somewhere like www.hotscripts.com and others for suitable codes.

In v8 this is relatively simple as you can use PHP to resize the image prior to uploading

[simbo]

sorry

richard/jont

my mistake, looked at my layout for section, maybe i have adjusted the netqotevar...? where would i have done that.. my layout and the image is masive opened in fireworks.

<!-- SectionLine HTML begin -->
<!-- Insert HTML for the beginning of a section title -->
<!-- NETQUOTEVAR:SECTIONIMAGE NETQUOTEVAR:SECTIONTEXT -->
<link href="actinic.css" rel="stylesheet" type="text/css" />




<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<!-- Insert HTML for the end of a section title -->
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DDF3FF" class="thinred2">
<tr valign="top">
<td width="60" height="60">NETQUOTEVAR:SECTIONIMAGE</td>
<td><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#CDEEFF">
<td width="15" height="30"></td>
<td><p><A HREF="NETQUOTEVAR:SECTIONLINK"><span class="lightblueheader">NETQUOTEVAR:SECTIONNAME</span></A></p></td>
<td>&nbsp;</td>
</tr>
<tr bgcolor="#ECF9FF">
<td>&nbsp;</td>
<td valign="top"><A HREF="NETQUOTEVAR:SECTIONLINK">NETQUOTEVAR:SECTIONTEXT</A></td>
<td>&nbsp;</td>
</tr>
<tr bgcolor="#ECF9FF">
<td height="30">&nbsp;</td>
<td valign="top"><a href="NETQUOTEVAR:SECTIONLINK"><img src="button_view_section.gif" width="125" height="22" border="0" /></a></td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>


NETQUOTEVAR:NEXT
<!-- SectionLine HTML end -->

[jont]

Most likely in Act_SectionNavImage.html

This can be set to over ride the actual section image dimensions with those of your own ... this may be sufficient for Richard if the images are not that much bigger than the required output .. but quality can be lost and if the proportions are different could result in very distorted outputs.

It is usually best to spend the time in a graphics editors creating the images to suit - this is a pain if lots of sections but the quality is not comprimised.

[rjcuser]

Thanks Jont, worked a treat altering the size there. I did it manually, but there seems to be a couple of variables, where can these be set, do you know?

NETQUOTEVAR:IMAGEHEIGHT
NETQUOTEVAR:IMAGEWIDTH

Cheers
Richard

[jont]

They are taken from the actual image file so are set on the fly accordingly (which is why your section images were all showing different sizes).

Simply remove the NETQUOTEVAR's for the width and height fix your size eg:

width="100"
height="150"

note the previous caveat about proportions and resulting quality

[jont]

Top tip - whilst in the Act_SectionNavImage.html set

1. add title="NETQUOTEVAR:ALTERNATETEXT" after the alt="..." tag to get the "tool tip" in Firefox et al

2. add a / prior to the closing >

3. I also change all the tags to lowercase (not the NETQUOTEVARS) as it bugs me to see it all in UPPERCASE

[rjcuser]

Thanks very much, will do. Images are all same proportion for extended info, so will work brilliantly.

Cheers
Richard

[clefty]

If you want a really nifty solution to sizing Actinic images and have a PHP enabled server, try phpThumb from:

http://phpthumb.sourceforge.net/

This class has some amazing features (too many to list all here, but include resizing, rotation, watermarking for example) and is free (gpl)

To use it, replace template instances of

<IMG SRC="NETQUOTEVAR:IMAGEFILE"

with:

<IMG SRC="phpThumb.php?src=NETQUOTEVAR:IMAGEFILE&_insert_parameters_as_per_instructions_here"

then commenting out

NETQUOTEVAR:IMAGEHEIGHT
NETQUOTEVAR:IMAGEWIDTH

You don't need to parse your static html pages as PHP for this to work.

Have a look at the demo page to see what can be done:

http://phpthumb.sourceforge.net/demo....demo.demo.php