Plugin : Image Resize

[inspireme]

Make thumbnails automatically using this super smarty plugin!

http://www.cerdmann.com/thumb/

works great.

[CEC]

looks great.

[inspireme]

saves limiting the size of image someone can upload, also allows you to create a thumbnail in the row.html file without any work

[CEC]

look forward to trying. thanks again.

[beaker]

Can anyone show how they implemented this on a page... other than getting it set up in the smarty folder.

certainly this code on say the detail_link.html does not work:

{thumb file="<%$title%>" width="150" link="false" html=′class="img float"′}

[beaker]

Opps... that should have shown as:

{thumb file="<%$photo01%>" width="150" link="false" html=′class="img float"′}

[inspireme]

heres what i use

<%thumb file="$photo" width="400" window="true" link="true" html='class="img float"'%>


that works on my site.

[dody]

Thanks for sharing

[ezykiwi]

Howdy Inspireme,

Does it have much effect on ya load times etc?

Does look good though.....

I wonder if there is a way to make the link to the big image just pop up, instead of taking it to a new page, like maybe say ajax....

Cheers Ezy

[inspireme]

the load time for the initial page depends on the size of the origian file. I guess it adds 1-2 seconds. The image is cached though, in its on cache seperate from indexU so this only happens once. Im going to add ajax popup on the site like you suggested. I made a AJAX popup for a client the other day which i will integrate into indexU, like here:

Cwmni Cardiau Cymraeg > 18 Today

it has scroll bars so it doesnt matter about the orginal size.

I really want to Ajax-ify indexU using mootools - home i think their are loads of user interface improvments that could be made using it, especially in voting and favourite adding and reviews. Mootools is nice as its so small and quick, jsut no documentation and no demos...

[ezykiwi]

yeh that would be awesome,
let me know how you get on with that one, that would make it brilliant...

how do you get on with the cached images that it makes when someone resubmits a new image...

Cheers Ezy

[Test71]

Hello,
can someone try to explain again what this script will do and how to use it ?
Do I understand it right, that I can create several thumbnails of user oplads on the fly so I can decide the sizes to show in the templates and the script will create these image sizes only one time on first call and save them down than ?

Regards
Frank

[inspireme]

Hello,
can someone try to explain again what this script will do and how to use it ?
Do I understand it right, that I can create several thumbnails of user oplads on the fly so I can decide the sizes to show in the templates and the script will create these image sizes only one time on first call and save them down than ?

Regards
Frank

yep, it will take any size upload file, and resize to the width (keeping ratio of height and width) it then links to the big version of the file. the image created is cached so the process happens only once. Im nto sure how the cache works, but i have never seen problems with it displaying previous images... i think it takes the size and name of the original file does some calculation to work out a filename then checks if the filename exists in the cache... therefore if the size or the name changes it creates new file.

[Test71]

Huh, seems like the powerful solution.
If it caches images they must be saved somethere and you see them ?

So I understand, ´the user uploads an images like before.

In templates I know link number and so I know image number (same like link, yes ?!).
In template I simple add {thumb file="<%$photo01%>" width="150" link="false" html=′class="img float"′} or similar and than their isthe thumb visible.
Sounds great !

Do you have a sample online where I can see thumbs and urls of thumbs ?

Regards
Frank

[inspireme]

All you have to do is create a custom field of the type "photo" i names my field "photo" a user uplaods any sized photograph. You include the code :

<%thumb file="$photo" width="400" window="true" link="true" html='class="img float"'%>

you can change the width, or the other options (see the website for details)

see here for an example :
Boyce Caravan Park

click picture to see original size. Right click thumb and choose "view image" to see the sotred location of the thumb

regards,
matt