next »

[Perrine]

Before starting this thread, I wand to say that I'm not the developer of this wonderful plugin but I wanted to help Arnaud in translating his plugin (maybe I shouldn't... let's see how I write english !  )

DirectResize is a plugin to resize your images. It also generates the lightbox link if necessary.

You just have to upload your image, add it in a document or a chunck (or anything else you want to display) and DirectResize will generate a thumbnail for the image.

Try this and if you have any question, we will help !

[krypto]

Salut!

I am trying to use this plugin but I cannot get the lightbox effects to work.

The instructions say to put lightbox in your template but I don't know if I am doing it correctly here is my call in the head of my template:

<script type="text/javascript" src="assets/snippets/maxigallery/lightboxv2/js/prototype.js"></script>
<script type="text/javascript" src="assets/snippets/maxigallery/lightboxv2/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="assets/snippets/maxigallery/lightboxv2/js/lightbox.js"></script>

The plugin generates the thumbnail but it does not seem to be using lightboxv2 to display the full image.

Any help is appreciated

[Perrine]

Hi Krypto,

Li 9 of the plugin, do you have $lightbox set to 1 ? If so, you have to add a class="lightbox" to img tag in order the link is built.
If you set $lightbox to 2, DirectResize will build the link whatever class you have.
If you set $lightbox to 0, DirectResize will not build the link.
Also, lightbox link is built only if the image you want to link is bigger than the thumbnail.


I personnaly use slimbox with this call in head :

Code:

<script type="text/javascript" src="assets/js/mootools.js"></script>
<script type="text/javascript" src="assets/js/slimbox/js/slimbox.js"></script>
<link rel="stylesheet" href="assets/js/slimbox/css/slimbox.css" type="text/css" media="screen" />

Hope that helps

[Perrine]

krypto : I guess this post will help you : http://modxcms.com/forums/index.php/topic,17751.msg111505.html#msg111505

[krypto]

Hi Perrine~

I am trying but still not having any success.

I have tried the slimbox method you posted, but I get the same result.  A thumbnail is generated on the page but when I click on the thumbnail it opens a larger image but without the slimbox javascript.  Do I need to set a different css class type for slimbox.

I followed the steps outlined here:http://netambition.dynalias.org/dr/3.html and in tools->configuration set up a css selector for tinyMCE.  Do I need a different selector for the slimbox method?

Thanks for your reply

[Perrine]

The only thing you need to do is add class="lightbox" to your <img />

Do you have a url where I could see this ?

[alphanono]

Hello,

For using Lightbox, you muste have these 4 lignes :

<script src="....../prototype.js" type="text/javascript"></script>
<script src="....../scriptaculous.js" type="text/javascript"></script>
<script src="....../lightbox.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="....../lightbox.css" />

and be sure that the files are at the right place.

(Krypto, you have say 'Salut', are you french ?)

[Metaller]

Hello.

Some time im working on new version of this plugin. It based on ver 0.7 by alphanono but has many improvements and new features like:

* all options removed to config file (like in ditto or wayfinder), no need to change plugin in DB
* tempale system with using Chunkie class and PHx class allow to use any gallery script to enlarge picture (highslide, slimbox, slidebox...) not only lightbox
* using Thumbnail and Watermark Class for resizing. Its allow to watermark thumbs and  big images (all parameters like in MG, thanks doze)
* new resizing method - crop image
* when we edit document with images wich will resized by plugin in WYSIWYG editor in backend, plugin replace big images with they thumbs to reduce  traffic. But we can also resize this thumb and  thumb whith new sizes and with lightbox link on original image (if needed)  will be created next time.

I cant explain all coming features with my knowlege of english, but when plugin is released, i hope you like it.

[krypto]

Right now I am testing this plugin out locally, I will put it up somewhere online tomorrow because I still can't get the proper result and maybe we can work from there.  I am pretty sure all my script and css calls are pointing to the right place...

Just a few more pieces of information.  I have uploaded the full size images to assets/images/Nekretnine which is the same as $lien_base

I have another folder assets/images/cache which is the same as $path

(No alpha I am not French, I studied it in school for many years and can still understand most of it when I read it, and love to listen to it spoken.  If I were to try to speak [or type], ca serait une tragedie )

[Perrine]

If you can click on thumbnail, that means that DirectResize built the link and if you have $lightbox to 1 or 2, the link should be opened with slimbox or lightbox.

The only thing I see now is either a conflit in .js, or the .js part is not found.

If you use Firefox, you should install Firebug to get all js errors and be able to see what's wrong

@Metaller : Glad to see you're working on it. Tell us when it's ready !

[krypto]

You were right Perrine, I added Firebug and it comes up with an error.

In slimbox.js on line 244:

fileLoadingImage is not defined

I don't know if you know what that means or what can be done to fix it.

I tried it online and the same thing happens, you can see it here: http://shop.server-019.com/~drvolik/

[Perrine]

I don't konw where this error comes from. Are you sur you downloaded the good version of Mootools ?

I give you here the version of Mootools and Slimbox I use.

Hope this helps !

[krypto]

Hi Perrine~

Your link for slimbox seems to be wrong, but it does not matter.  I went to the slimbox site and downloaded latest slimbox.js and mootools.js and did everything as per the instructions on the page but I still have the same problem.

I don't know why I cannot get the js to work on my pages which is too bad because I could really use this and it seems to work so well on all the example pages.

Thank you for all your effort!

[Perrine]

Oops, sorry, was not a slimbox.js but slimbox.zip ! Try again... we never know ^^ (I've changed the link above)

I guess it can be a problem with the newest version of Mootools or Slimbox... or maybe you didn't get the good mootools package ?

I don't know what to say if it's not that :/

[Nitrok]

Hi!
I just installed MODx and i love it.
Now i tried to install this DirectResize plugin and did everything as install.txt told me to. Still when i insert picture on document and test the page i don't see any changes. All images i have inserted are in their original sizes. Seems that plugin hasn't done anything... And when i look folders through my ftpclient there are no thumbnail files
So any idea where would the problem be?

Edit: I feel so dumb now. I had to resize it myself. Dunno why i thought it would resize image automatically

[Perrine]

Hi Nitrok,

No, you don't have to resize images yourself... DirectResize is here for that

You only have to call the image in big size, and DirectResize uses width or height or both in img tag to resize your image.

Did you add a width or height in img tag ?

Did you check OnWebPagePrerender when adding the plugin code ?

[Nitrok]

I mean that i had to resize inserted image in TinyMCE editor. If i just insert image and don't do anything to it the image shows up it's original size on document.
Should this plugin resize images also when i'm not resizing images in TinyMCE? (i doubt this because the thumbnail sizes aren't defined anywhere in the parameters)
And yes, i clicked OnWebPagePrerender.

Anyway it's working now fine!
Thanks for great script!

[Perrine]

Ah ok, if you insert images with TinyMCE, then you have to change width and height in the 2d tab of the popup (don't remember how this tab is called in english).

But, I guess that by resizing your image with TinyMCE, the size of the image is changed so it's ok !

Hope I'm clear

[davidm]

As Perrine implies, you NEED to set the height or (and) width (depending on the method you choose for resizing).

The way it works is that DirectResize uses width and height attributes to resize the image : it first reads its value, then resizes the image (according to one of the methods available : w, h, w+h... etc), strips it from height and width, caches the new image and then insert the path to the cached resized image instead of the original.

[Nitrok]

Hi again,
Resizer runs great and slimbox link works great but i have one problem. When i click thumb slimbox it shows this fancy animation and all but when ready the whole thing is under other elements.
You can see it here when you click the picture. http://poreo.com/modx/index.php?id=32
Any idea how to show slimbox on the top of all other elements?