Owl-Carousel gallery


(Hans) #1

How can I include this kind of carousel in a RW project. I prefer to use it in a stack. Or is there a stack availible?

http://owlgraphic.com/owlcarousel/#faq

Example in this wonderful site : http://edithbukovics.com/index.php

This site is made with Joe Workman’s Foundation.

Thanks in advance


(Mark Sealey) #2

I’ve had a lot of success with this - also by Joe :slight_smile:


(Hans) #3

Can someone guide me to add this jquery to my website? Can this be done with a HTML stack?


(Mark Sealey) #4

Joe Workman’s Sliders Bundle contains five Stacks, each of which allows you to slide, rotate, flip or otherwise animate Stack elements - such as those at the Edith Bukovics and Owl Carousel sites you directed us to as examples.

Since Sliders is a Stack, it’s all WYSIWYG. The Owl looks like a set of routines not specifically designed for RapidWeaver, and so would require some knowledge of HTML, JavaScript in general and JQuery in particular.

In theory the instructions here suggest it’s pretty straightforward: you’d use the Header, CSS and JavaScript setting in the third-from-the-left boxes of the RW Inspector. If you haven’t done this before, The Joe Workman bundle would be easier and possibly less prone to frustration…

Good luck!


(Garth Poon) #5

@iMac I think this is what you’re looking for: http://www.doobox.co.uk/stacks_store/demos/owl.html


(Hans) #6

Thanks, I will take a closer look to these stacks.

I wonder how the off canvas menu in the http://edithbukovics.com/index.php website works. When clicking on the hamburger icon, the menu does not covers the upper image.


(Hans) #7

When clicking on the hamburger icon (off-canvas), the menu stays on top of the page. How can it stay equal with the hamburger?