DirectResize : Plugin to resize your images

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 !

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

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 :


Hope that helps

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

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

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

Do you have a url where I could see this ?

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 ?)

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.

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 )

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 !