Hi Dominik,

Are you creating an Image Slideshow? Am not sure if that will suite you but i have just uploaded a package which creates thumbnails and you can actually view the image larger in an overlay just like Lightbox. http://our.umbraco.org/projects/website-utilities/imagegallerycropper_01

fuji

no i will not create a slideshow. i just want to enlarge specific images.

I tryed your extension today but i dont know how to add it to my images inside the tinyMCE editor.

I dont want to create a slideshow the user shoule be possible to enlarge several images

Regards

You can add the macro to your RTE by checking 'YES' to Use in editor under the developer section > macro > choose the the macro.

Ok but how will it work exactly?

So the user do the following:

1) Enter TinyMCE click "image icon" in the tinymce toolbar
2) Choose image from media folder or create a new one

After inserting the user should be able to click on thumbnail to get the original image (large size)

Thanks

No then the user will need to click Insert Macro.Then pick the Media Folder where all the images has been uploaded.

But if you dont need a slideshow you will need to make some changes to the javascript http://colorpowered.com/colorbox/ .

Hi FUji,

No i do not need the slideshow.

Now i inserted an image and also inserted the macro in the content page but i am not able to click on the image.

I have different folders for the images

for example:

-images/subcategory1
-images/subcategory2
-images/subcategory3

But i want to use it for all images

HI Dominik,

I dont think the package will solve your issue here. From what i understand you are not uploading your images in the media section right?

sure i will upload it to the media section.

Inside the media section there are different folders.

I just want to enlarge an image on click.

Is there a way to solve this?

Yes this can be solve but dont use the package.

1. Create a macro under which you will need to enable it to be used in editor and section a media folder under the media section.

2. Then all you will need to do is get the js to just enlarge the image

In your xslt

<li>
 <a rel="enlarge" href="{umbracoFile}"><img src="{umbracoFile}" width="" height=""/></a>
</li>

js

 $(document).ready(function(){
        //Examples of how to assign the ColorBox event to elements  
        $("a[rel='enlarge']").colorbox({slideshow:false});
      });

Hope this will help

hi Fuji,

If i do not use your package how does the system knows which size the thumbnail should be generated. Also where is the link to the big image coming from?

So it would be great if i insert a macro the system knows that the image must be clickable and has to be enlarged in a lightbox

Thanks for all your help

Hi Dominik,

Sorry for replying now only,.....well if you still want to use the package you will need to make some modifications to the Data Type "ImageCrop" first.

Click on Slideshow and just remove it from the options.

For the Js just changed it to false

$(document).ready(function(){
        //Examples of how to assign the ColorBox event to elements  
        $("a[rel='slideshow']").colorbox({slideshow:false});
      });

In the XSLT <a href="">

<a href="{umbracoFile}">

This should get you working.

Thanks Fuji

I have written an own XLST script which opens an image in a lightbox. For creating thumbnail i am using your package. I hope this is ok :)

Thanks for all of you help

Hey Dominik,

Its totally fine with me if you are using it. Thats the main purpose, to help others!!!...

//fuji

hey dominik,

i have the same issue.

what is your solution?

could you shortly explain?

thx a lot!

cheers, stevo

Hi Stevo,

I have rewritten the xslt script so it just open a media image.
If you set the macro to "use in editor" i am able to select an image from media folder and after it it will enlarge the image.

So i am using the package only for thumbnail generation but for open the lightbox i am using my edited xslt script

Hey Domink,

thank you for your replay! And sorry for my next question, but i`m not so strong with umbraco right now... I don`t get it..

maybe you could post your scrips / source code? Or could you try to explain it again

thx a lot for your help!

Stevo

Hi Dominik, Is it possible that you show me your xslt-file? I'm not quite sure how to get started here...

Regards

Thijs

Hey Domink,

would it be possible for you to create quickly a umbraco site (with SQL CE 4) with your solution and copy the site as a ZIP file somewhere?

Do you created a macro which is render in editor… BUT how you open the "insert picture Dialog" like the "insert/edit image" Button?

Currently I'm working on a tinymce plugin solution.. but it still need some work.. and hope it will be work.. but at the moment I am stuck…

Thx a lot!
Stevo

is working on a reply...