I am having bit of a nightmare with the photos on a gallery page, I want the thumbnail images to be 320px in width and 300px in height and the larger images when clicked on the thumbnail to be the original size
The coding I have is below
I am uploading the original sized images and was thinking the width and height set in the coding just above to 320 and 300 would make the thumbnails that size and the enlarged images the original size but the thumbnail images are displaying as the original image sizes
UPDATE: I have gone back to uploading the smaller sized photos and they are ok as thumbnails but the enlarged images are the same size as the thumbnails, is there a way to make the enlarged images bigger or the original size that I have them in before resizing them for thumbnail size, my updated coding is below
the url is http://www.plymouthjudoclub.org/photos.php
Am I missing something, can anyone help please?
Thank you in advance
The coding I have is below
- Code: Select all
<cms:editable
name="gg_image"
label="Image"
desc="Upload your main image here"
show_preview='1'
preview_height='200'
type="image"
/>
<cms:editable
name="gg_thumb"
assoc_field="gg_image"
label="Image Thumbnail"
desc="Thumbnail of image above"
enforce_max='1'
width='320'
height='300'
type="thumbnail"
/>
I am uploading the original sized images and was thinking the width and height set in the coding just above to 320 and 300 would make the thumbnails that size and the enlarged images the original size but the thumbnail images are displaying as the original image sizes
UPDATE: I have gone back to uploading the smaller sized photos and they are ok as thumbnails but the enlarged images are the same size as the thumbnails, is there a way to make the enlarged images bigger or the original size that I have them in before resizing them for thumbnail size, my updated coding is below
- Code: Select all
<cms:editable
name='gg_image'
label='Image'
desc='Upload your main image here'
show_preview='1'
preview_height='400'
type='image'
order='1'
required='1'
/>
<cms:editable
name="gg_thumb"
label="Image Thumbnail"
desc="Thumbnail of image above"
width='320'
height='300'
enforce_max='1'
assoc_field="gg_image"
show_preview='1'
type="thumbnail"
order='2'
/>
the url is http://www.plymouthjudoclub.org/photos.php
Am I missing something, can anyone help please?
Thank you in advance