[Academy] 5.1 Integrating a jQuery Plugin

Hi Miguel,

I'm trying to do lightbox.html exercise.

I have resolved some of my issues, but it still doesn't work.

Follow my actions, please:

Create a new page to display the carousel;

Add WebBlock for each JQuery file (excluding .min files), and fill the JavaScript;

Add WebBlock for each CSS file, and fill the StyleSheet;

Add all images;

In CSS files, change the path of images and the name because:

- OutSystems removes the "-" character of the file name;

- The path in CSS is "images" and the path in OutSystems is "img";

Create a new Weblock (jCarousel_Lightbox) to Lightbox exercise:

- Add a DIV id = base;

- Within the DIV Base, I added all WebBlocks CSS as lightbox.html;

- Within the DIV Base, added DIV id = content;

- Within the DIV content, added DIV id = container;

- Inside the container DIV, added DIV id = carousel

- Within the DIV carousel, I added all links with style = lb_gallery;

- Within all LINKs, added the correct image;

- Inside the DIV container, added DIV id = pages;

- Finally, in the DIV Base, added all WebBlocks JQuery as lightbox.html;

But the carousel is not working:

- All images are visible, the wrapper DIV is not working;

- The action click on the image is OK, and navigation in the image is OK;

Thanks in advance for your help.

Best regards,
Gonçalo Correia