plugin: Image Sizer

We are using the Stand Alone Image Editor from PutYourLightsOn.net for uploading photos to entries(waaay easier than having people figure out how to use the EE CP). What we are trying to find is a thumbnail creator that will work with the SAIE. Has anyone used the Image Sizer plugin with SAIE?

I am trying to use tag pairs within a weblog loop, but it outputs the first line of the tag pair as if it were a single tag, and then goes on through the loop. Also, the first image in the subsequent loop is incorrect as well.

The tag pairs work fine outside of the weblog loop. Any idea on what is going on here?

Currently when you use the file browser to search for a image when adding a new entry, all of the images show up, including those in the cache directory with the exact same file name. I’ve had some clients get confused by this. Is there a way to hide the cache folder in the file browser?

I’ve just succesfully replaced my phpthumb setup with Image Sizer. I do want to mention I couldn’t get it to work locally (XAMPP OSX). I particularly love the auto=”” parameter.

I did the cache folders inside each images folder instead of having a singular cache folder to prevent file name collisions. one idea i have been considering is having a singular cache folder with sub folders that matched the name of the folder that the original image was in.

This would be brilliant. Having caches in each category folder of my gallery is a bit messy. By the way, this is also the way phpthumb’s cache structure is handled.

just used this for the first time - dead easy to use and configure - now going to try and combine with a lightbox.

Hi Sean, just wondered if you had managed to try this out with a lightbox set up yet?

I am having a bit of difficulty using “Shadowbox”. The way I have it set up is like this: - inside my gallery entries tag, i have the following code which provides a 80x80 thumbnail link to the full image:

<a href="http://{image_url}rel=shadowbox">{exp:imgsizer:size src="{image_url}" height="80" width="80" alt="{title}" title="{title}"}</a>

However, although this initialises the shadowbox and displays an image, it is pulling in the full size image, but what I want is to show a suitably resized version in the lightbox.

I can’t seem to work out how I can target an image that has been resized with Image Sizer and display that in the lightbox. I can’t seem to get the correct URL… it must be possible to do, so I am appealing for any help with this.

Many thanks in advance.

Hi Sean, just wondered if you had managed to try this out with a lightbox set up yet? I am having a bit of difficulty using “Shadowbox”. The way I have it set up is like this: - inside my gallery entries tag, i have the following code which provides a 80x80 thumbnail link to the full image:

Angstmann,

I used this lightbox and had it running in no time. here is my template.

<!--gallery entry code here -->
{exp:entry_gallery:images weblog="{master_weblog_name}" entry_id="{entry_id}"}
<div class="thumb">
   <a href="http://{eg:original_url}%22class=%22lightbox" title="{eg:description}" class="lightbox">{eg:thumb_url}</a>
   {eg:title}
</div>
{/exp:entry_gallery:images} 


                    <scr*pt type="text/javascript">
$(function() {
    $('a.lightbox').lightBox({
    overlayOpacity: 0.6,
    imageLoading: 'http://domain.com/interface/lightbox-ico-loading.gif',
    imageBtnClose: 'http://domain.com/interface/lightbox-btn-close.gif',
    imageBtnPrev: 'http://domain.com/interface/lightbox-btn-prev.gif',
    imageBtnNext: 'http://domain.com/interface/lightbox-btn-next.gif',
    imageBlank: 'http://domain.com/interface/lightbox-blank.gif',
    }); // Select all links with lightbox class
});
</scr*pt>

Hi Sean and thanks for the reply, but where exactly is the Image Sizer code in the above template? I don’t see it anywhere. I also wonder if the entry gallery module/extension allows this to work more easily than the standard EE Gallery Module that I am using.

What I can’t work out is how to get an ‘Image Sizer’ reduced image to display in a lightbox when its thumbnail link is clicked.

woops - I confused two different uses of the lightbox (did two of them recently) Anyhow here’s the correct code.

{exp:imgsizer:size src="{s-image}" width="150"}
                    <a href="http://{s-image}" class="lightbox">{sized}</a>
                    {/exp:imgsizer:size} 
                    {s-description}
                    
                    <scr*pt type="text/javascript">
$(function() {
    $('a.lightbox').lightBox({
    overlayOpacity: 0.6,
    imageLoading: '{interface}/images/lightbox-ico-loading.gif',
    imageBtnClose: '{interface}/images/lightbox-btn-close.gif',
    imageBtnPrev: '{interface}/images/lightbox-btn-prev.gif',
    imageBtnNext: '{interface}/images/lightbox-btn-next.gif',
    imageBlank: '{interface}/images/lightbox-blank.gif',
    }); // Select all links with lightbox class
});
</scr*pt>

Thanks a lot Sean. I think I have a fair bit of experimenting still to do, but thanks for sharing your code. I’m thinking that I am probably doing something fundamentally wrong in the way I am trying to link to the correct gallery image.

If anyone has any other experiences of using this plugin with the standard EE Gallery module, preferably using a lightbox type setup then I’d be happy to receive any tips 😊 Cheers!

Anyone have any directions on how to get this working with the MSM and a secondary site? I’ve seen a few people post about the issue (post #201) but no real solutions. My cache folder is set to 777. My secondary site has a different root folder than my primary site. Thanks!

I am having quite a bit of trouble with imgsizer on my current dev site. It appears to be similar to the problems some people have had previously, in that they get no output for the imgsizer tag in the source code.

My debug info shows:

src = /~sense09/images/uploads/8b56546235afe3abf918b28f2915a1c2.jpg
    img_base = /~sense09/images/uploads
    img_basename = 8b56546235afe3abf918b28f2915a1c2.jpg
    img_extension = jpg
    img_filename = 8b56546235afe3abf918b28f2915a1c2
    img_rootstep = /home/senseon/public_html//~sense09/images/uploads
    img_rootpath = 
    img_fromroot = /8b56546235afe3abf918b28f2915a1c2.jpg

/8b56546235afe3abf918b28f2915a1c2.jpg is not readable

The line img_rootstep = /home/senseon/public_html//~sense09/images/uploads above has what looks like an incorrect path that is being picked up from somewhere, although I’m not sure where! In all my setup files that path is set to /home/sense09/public_html/ so something strange does appear to be happening.

I am using the “File” extension, and if I use a standard <img > tag, it pulls back the correct image. You can see an example here. It is just Image Sizer that is refusing to play ball. I have tried all solutions mentioned earlier in the thread regarding changing or specifying paths, but to no avail.

I did wonder if the problems stemmed from the fact that this is a dev setup where the URL is pointing to /~accountname on my server as opposed to a fully configured domain. I wonder if when the site is properly set up on its own domain the plugin will work, however I am not in a position to do that at the moment.

Would be grateful for any help, if there are any suggestions that haven’t been mentioned already!

Cheers!

Angstmann,

I had the same problem and I was also on a development with the ~ mark…follow my step by step method to fix the rootstep. here is the article

Hope this helps!

Thanks very much. I had actually seen your various posts about this, but wasn’t sure if you had ever resolved the issue. I am also wondering if when I move the site to its proper domain whether the changes I make as per your step-by-step will be defunct, or need changing back.

I’m actually considering moving development of this site over to a sub-folder on an existing full domain, rather than continuing to mess about with ~accountname setups.

yes you will have to repeat the whole thing them when u move to the regular domain :/