Design and CSS styles
Version 7.x > Design and CSS styles > Media Library Lightbox Effect View modes: 
User avatar
Member
Member
afique-resolvtech - 11/26/2013 8:47:01 AM
   
Media Library Lightbox Effect
Hi,

I want to ask regarding Media Library using Lightbox effects. Is it the lightbox effects for media library currently available for Kentico 7?

I already tried to do these two example:-

http://devnet.kentico.com/FAQs/Media-libraries/How-can-I-display-media-library-files-with-the-lig.aspx#FAQ464

and

http://devnet.kentico.com/Knowledge-Base/Media-Libraries/Creating-a-simple-media-library-gallery-with-the-l.aspx

However, I didn't managed to get the lightbox effects. Can anyone help me?

Thanks

User avatar
Kentico Consulting
Kentico Consulting
Kentico_RichardS - 11/26/2013 10:35:00 PM
   
RE:Media Library Lightbox Effect
Hi,

thank you for your message.

Of course it is possible in Kentico 7. The lightbox is just a jQuery (javascript) addon and it can work on all websites which include jQuery into them. May I ask what exactly is the issue you are having? The second devguide article is quite good and it should provide you with enough information of how to create lightbox gallery. Have you followed it step by step? If so are you able to debug it using FireFox addon Firebug to see what might be wrong? https://addons.mozilla.org/en-US/firefox/addon/firebug/

Also you can try using some webparts which uses lightbox effect by themself - e.g. Attachments lightbox webpart. How does this work?

Kind regards,
Richard Sustek


User avatar
Member
Member
afique-resolvtech - 11/27/2013 12:31:43 AM
   
RE:Media Library Lightbox Effect
Hi Richard,

I already tried the second example. How ever the lightbox effects still didn't appear.

In the second example, it stated that "Please place them at the root of your project folder. "

May I know which one root folder should I put the gif.files? I think I placed them in wrong root folder.

Thanks

User avatar
Kentico Consulting
Kentico Consulting
Kentico_RichardS - 11/27/2013 3:07:20 AM
   
RE:Media Library Lightbox Effect
Hi,

The root folder is most probably the one that has e.g. web.config file in it. Basically the root of your project. However this is not the source of the issue.

Do you have jQuery and lightbox plugin in your site implemented? I would really strongly suggest you to check your page with Firefox Firebug as it will specifily tell you what is wrong here, what images are missing, what files are not found, which methods are not found and so much more. It will make your debugging much easier.

Kind regards,
Richard Sustek

User avatar
Member
Member
afique-resolvtech - 11/29/2013 5:29:48 AM
   
RE:Media Library Lightbox Effect
Hi Richard,

Sorry for the late reply.

Regarding the Lightbox issue, I did managed get the effect. However, the image cannot be navigated to next image. The description also didn't appeared.

I'm not familiar with FireBug and how to use it. But I will try it later.

I read some article on Lightbox effect. Can I use this in Kentico CMS 7?

http://devnet.kentico.com/Knowledge-Base/Media-Libraries/How-to-display-images-from-media-library-in-lightb.aspx


How do I integrate external Lightbox into Kentico? I want to use this Lightbox effect in Kentico.

http://www.lokeshdhakar.com/projects/lightbox2/#how

Thanks

User avatar
Kentico Consulting
Kentico Consulting
Kentico_RichardS - 12/3/2013 2:30:49 AM
   
RE:Media Library Lightbox Effect
Hi,

If the navigation wasnt there it means that you havent grouped the images, same goes to the description. You need to configure the lightbox to suit your needs.

For example if you want to have grouped images in your lightbox2 you need to use data-lightbox attribute as it is described in the instructions. Also in order to use the lightbox2 you need to fulfill all the requirements that are in the instructions. You need to register the javascript files, the css files and then use it on your page. I sugggest you to go through the step-by-step instructions.

Kind regards,
Richard Sustek