Announcement: New plug-in SuperSizer

[applejack]

Jeremy it still fails

There is a path issue with the orginal image!Does this look right?Path:/home/.sites/147/site57/web/-w0-h0-p75-q85-FSMOOTHa-S1.jpg" alt="" width="75" height="77" />?"    alt=""    />

[JeremyBASS]

hmmm.  well what is the tag?  in your br you had

{supersizer path=$cgsimple->get_page_content($mychildren.alias,'Logo')
stripTag="true" filter="SMOOTH" percentage='75' Quality=100}


and that would be off as it'd be

{supersizer path=$cgsimple->get_page_content($mychildren.alias,'Logo')
strip_tags="true" filter="SMOOTH" percentage='75' quality=100}


can you try.. Cheers -Jeremy

[applejack]

Jermey

Using strip_tags worked. So when did this get changed as in your documentation it says stripTag ?

P.S. and the br tags are yours which are coded incorrectly as you haven't put the space after the br and before the slash.

[JeremyBASS]

I have n't changed the docs yet cause this version is not out yet... so with the one you had, less you grabing it from the last  post before the fixed file, would have had the old param stripTag ...

Don't worry I'll run thru and change all of the docs  When I go to push this change out.  Since the tag change I'm kinda waiting a little so I have all bug worked out and have all the features rock solid.  then it's a stable 1.0 version.    5 months in the making.

Tk for getting back.. Cheers -J

[applejack]

No problem Jeremy glad to be of help that is what a community is about. If it can improve the overall product then better for everyone.

[JeremyBASS]

Hello, it was brought to my attention that the auto update feature, where if you have a sized image and up load a new one with the same name  over the old that it runs the sizer again, that the supersizer plug-in is not working.. So if i could get anyone to test.. I that would be great.. Also... I added 2 new params ...

Param   from --- like path.. but used in instead when using param to.
Param   to  --- The end place for the image.  It's relative to the root_path so you need to add /uploads/ if you want it to go there..


Simple..  now you can put image where were you want...

Please test and test hard.. Cheers -Jeremy

[JeremyBASS]

Alrighty.. this is the one that I'll think I'm going to release.. I have good tests on my server for the from to params..

http://www.corbensproducts.com/users/1/ ... tml#fromTo

I also removed the sub_srt stuff to speed up processing..

If I can.. I would love to get some other tests before I push it up... Tk for the help.. Cheers -Jeremy

[phillindsay]

Hi Jeremy,

We've just started using this plugin and are most impressed! It's totally awesome - as soon as we have it up and running we'll post the website URL here for you to check it out 

Thanks again,

[moonoo]

Jeremy.. bit of help needed to decipher how to place the supersizer option among this lot?

Code: Select all

<div class="mini_portfolio_item_work">
   <div id="medium_box_top"></div>
     <div id="medium_box_middle">
          <div class="block_inside">
<h2>{$title}</h2>
<div class="item_images"><img id="item_image" name="item_image"  src="{$image_1_url}" alt="{$title}" title="{$title}" />
<div class="item_thumbnails">{section name=ind loop=$image_url_array}
<a href="javascript:repl('{$image_url_array[ind]}')"><img src="{$image_thumb_url_array[ind]}" title="{$title}" alt="{$title}" /></a>
{/section}</div></div>
{section name=at loop=$attrlist}
<div class="item_attribute_val">{eval var=$attrlist[at].key}</div>
{/section}
{literal}
<__script__ type="text/javascript">
function repl(img)
   {
   document.item_image.src=img;
   }
</__script>
{/literal}
{if $file_count > 0}
{section name=ind loop=$file_name_array}
<div id="{$file_name_array[ind]}">
<a href="{$file_url_array[ind]}">{$file_name_array[ind]}</a>
</div>
{/section}
</ul>
{/if}
</div>
</div>

<div id="medium_box_bottom"></div>
</div>

It's JS thumbs so wasn't sure how to spit it up to replace it with the following?

Code: Select all

{assign var=photo value=$items[numloop].image_src}
{supersizer path="$photo" URL=true width='100' height='75' crop=true quality='100' alt=$items[numloop].title title=$items[numloop].title}

ANy chance of a point in the right direction.. I got it working on a showcase slider for the home page.. really..I mean really quick! but the JS bit here just stumped me..

[JeremyBASS]

@phillindsay  -- glad to hear you guys like it.. it's only getting better I hope



@moonoo --

Jeremy.. bit of help needed to decipher how to place the supersizer option among this lot?

Code: Select all

<div class="mini_portfolio_item_work">
   <div id="medium_box_top"></div>
     <div id="medium_box_middle">
          <div class="block_inside">
<h2>{$title}</h2>
<div class="item_images"><img id="item_image" name="item_image"  src="{$image_1_url}" alt="{$title}" title="{$title}" />
<div class="item_thumbnails">{section name=ind loop=$image_url_array}
<a href="javascript:repl('{$image_url_array[ind]}')"><img src="{$image_thumb_url_array[ind]}" title="{$title}" alt="{$title}" /></a>
{/section}</div></div>
{section name=at loop=$attrlist}
<div class="item_attribute_val">{eval var=$attrlist[at].key}</div>
{/section}
{literal}
<__script__ type="text/javascript">
function repl(img)
   {
   document.item_image.src=img;
   }
</__script>
{/literal}
{if $file_count > 0}
{section name=ind loop=$file_name_array}
<div id="{$file_name_array[ind]}">
<a href="{$file_url_array[ind]}">{$file_name_array[ind]}</a>
</div>
{/section}
</ul>
{/if}
</div>
</div>

<div id="medium_box_bottom"></div>
</div>

It's JS thumbs so wasn't sure how to spit it up to replace it with the following?

Code: Select all

{assign var=photo value=$items[numloop].image_src}
{supersizer path="$photo" URL=true width='100' height='75' crop=true quality='100' alt=$items[numloop].title title=$items[numloop].title}

ANy chance of a point in the right direction.. I got it working on a showcase slider for the home page.. really..I mean really quick! but the JS bit here just stumped me..

So you'd want to use "url" if your using one of the ones that came from the last few posts here.. Also I made a few minor adjustments I may suggest.

Code: Select all

{supersizer path=$items[numloop].image_src url=true width='100' height='75' crop=true quality='85' alt=$items[numloop].title title=$items[numloop].title}

on the top you'd want to do something like that as well IMHO... Your site slow down was for you due to the image run throu .php so bypassing it altogether is something I do and would suggest here.

Hope that helps.. Cheers -Jeremy

[moonoo]

Ok Tidied up a bit: but I get an error such as this for the thumbs underneath the main image.

In fact it still seems as if the page is still using the cataloger image.php method even with this change.. hmm cache is cleared as well..

Code: Select all

There is a path issue with the orginal image!
Does this look right?
Path:/home/sites/mydomain.com/public_html/cms/
http://www.mydomain.com/cms/uploads/SuperSizerTmp/-w100-h75-p0-q85-Fa-S1.?

Here's where I placed the SuperSizer script. Not sure what I'm missing here.

Code: Select all

<div class="mini_portfolio_item_work">
          <div class="block_inside">
<h2>{$title}</h2>
<div class="item_images"><img id="item_image" name="item_image"  src="{$image_1_url}" alt="{$title}" title="{$title}" />
<div class="item_thumbnails">{section name=ind loop=$image_url_array}
<a href="javascript:repl('{$image_url_array[ind]}')">{supersizer path=$items[numloop].image_src url=true width='100' height='75' crop=true quality='85' alt=$items[numloop].title title=$items[numloop].title}</a>
{/section}</div></div>
{section name=at loop=$attrlist}
<div class="item_attribute_val">{eval var=$attrlist[at].key}</div>
{/section}
{literal}
<__script__ type="text/javascript">
function repl(img)
   {
   document.item_image.src=img;
   }
</__script>
{/literal}
{if $file_count > 0}
{section name=ind loop=$file_name_array}
<div id="{$file_name_array[ind]}">
<a href="{$file_url_array[ind]}">{$file_name_array[ind]}</a>
</div>
{/section}
</ul>
{/if}
</div>
</div>

[NaN]

In your supersizer call you're using a var named $items as value of the param path.
What is this?
Shouldn't it be $image_url_array instead?

[moonoo]

NO Joy.. whenever I change the path.. it spits out the same issue.. will look later.. tired now!

[NikNak]

Hi Jeremy

I have tried the latest version RC 0.9.3 from the forge and the latest version above, but I am having some problems still.

The latest version above seems to ignore the 'Assign' function.

Neither versions crop into the middle of an image. I used an image (say 1000px x 1000px ) and tried to crop it to a narrow landscape (say 200px high and 1000px wide). It made the crop to the correct size but not equally top and bottom - it was about 2/3rds the way up.

Then when trying a slightly larger height, the crop began at the same vertical position and just extended at the bottom, rather than equally top and bottom.

I tried the offset in the crop="true,0,-100" etc and this didn't change the result.

Is there something I'm missing?  I really need the cropping to be predictable.


Keep up the good work

Kind regards

Nik

[JeremyBASS]

Hello, as far as the "Assign" in the last version on this post it's "assign" .. on the crop.. yes I think I need a better version.. that was the last piece I was working on before the release.. I'll have it out soon.. sorry for the delay.. Cheers -Jeremy