How to Make a banner like Lazada's one?

[ysh...@gmail.com]

Hey Everyone!
I'm here trying to recreate this banner:
http://www.google.co.uk/webdesigner/images/showcase-thumbnails/lazada.jpg

It is from the GWD Examples page: (Lazada)
http://www.google.co.uk/webdesigner/showcase/

I want to know what i need to do to create the product slider (with the down arrows etc...)

I wait for your replies!!!

Thank you!

[Jaz]

Hi,

Please take a look at our article on the Gallery Navigation component, which can be added to 360, Swipeable and Carousel galleries.

thx!
jaz

Jasmine Rogers
Program Manager, GWd

[ysh...@gmail.com]

Hi! I have seen that but i want to make a slider with divs, not imgs, do you know a way to do that?

Thanks for your reply!

Regards!

[Jeremy Banks]

Hi,

It is possible to achieve this by using the swipable gallery component with gallery navigation. However, you can't yet add the DIVs to the gallery from Design View. You can add the gallery, navigation and DIVs to the document from Design View...

    <gwd-swipegallery id="gwd-swipegallery_1" scaling="contain" class="gwd-swipegallery-d4lx" has-navigation=""></gwd-swipegallery>

    <div class="gwd-div-8nxo">Hello</div>

    <div class="gwd-div-4isu">World</div>

...but you'll need to go into Code View to move the DIVs within the gallery:

    <gwd-swipegallery id="gwd-swipegallery_1" scaling="contain" class="gwd-swipegallery-d4lx" has-navigation="">

      <div class="gwd-div-8nxo">Hello</div>

      <div class="gwd-div-4isu">World</div>

    </gwd-swipegallery>

The DIVs will be then resized and repositioned to fit in the gallery, just as image frames would be.

However, note that you won't be able to click on any links or buttons within the DIVs. The mouse/pointer is intercepted to let you swipe through the gallery instead.

Cheers,

Jeremy Banks

GWD Software Engineer