http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/api.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/api.md b/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/api.md deleted file mode 100644 index 4bb6aa7..0000000 --- a/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/api.md +++ /dev/null @@ -1,72 +0,0 @@ -API -=== - -After initialization, you can call the following methods on the plugin -instance: - -* [reload](#reload) -* [destroy](#destroy) -* [reloadCarouselItems](#reloadcarouselitems) - - -reload ------- - -### Description - -```javascript -reload([options]) -``` - -Reloads the plugin. This method is useful to reinitialize the plugin or if you -want to change options at runtime. - -### Arguments - - * #### options - - A set of [configuration options](configuration.md). - -### Example - -```javascript -$('.jcarousel-pagination').jcarouselPagination('reload', { - 'perPage': 3 -}); -``` - -destroy ------- - -### Description - -```javascript -destroy() -``` - -Removes the plugin functionality completely. This will return the element back -to its initial state. - -### Example - -```javascript -$('.jcarousel-pagination').jcarouselPagination('destroy'); -``` - -reloadCarouselItems -------------------- - -### Description - -```javascript -reloadCarouselItems() -``` - -Reloads the carousel items. Call this method after you have added/removed items -from the carousel. - -### Example - -```javascript -$('.jcarousel-pagination').jcarouselPagination('reloadCarouselItems'); -```
http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/configuration.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/configuration.md b/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/configuration.md deleted file mode 100644 index a699a04..0000000 --- a/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/configuration.md +++ /dev/null @@ -1,82 +0,0 @@ -Configuration -============= - -The plugin accepts the following options: - -* [perPage](#perpage) -* [item](#item) -* [carousel](#carousel) - -Options can be set either on [initialization](installation.md#setup) or at -[runtime](api.md#reload). - - -perPage -------- - -The number of carousel items per page or a function returning the number. - -If `perPage` is not set or `null`, the plugin calculates the pages depending -on the number of visible carousel items. - -### Example - -```javascript -$('.jcarousel-pagination').jcarouselPagination({ - 'perPage': 3 -}); -``` - -### Default - -`null` - - -item ----- - -A function returning the markup for a page item of the pagination either as -string or jQuery object. - -The function will be called in the context of the plugin instance and -receives two arguments: - -1. The page number. -2. A jQuery object containing the carousel items visible on this page. - -### Example - -```javascript -$('.jcarousel-pagination').jcarouselPagination({ - 'item': function(page, carouselItems) { - return '<li><a href="#' + page + '">Page ' + page + '</a></li>'; - } -}); -``` - -### Default - -```javascript -function(page, carouselItems) { - return '<a href="#' + page + '">' + page + '</a>'; -} -``` - -carousel --------- - -The corresponding carousel as jQuery object. - -This is optional. By default, the plugin tries to autodetect the carousel. - -### Example - -```javascript -$('.jcarousel-pagination').jcarouselPagination({ - 'carousel': $('.jcarousel') -}); -``` - -### Default - -``null`` http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/events.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/events.md b/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/events.md deleted file mode 100644 index 3f356be..0000000 --- a/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/events.md +++ /dev/null @@ -1,166 +0,0 @@ -Events -====== - -After initialization, the plugin triggers the following events on the root and -the item elements: - -* [Root element events](#root-element-events) - * [create](#create) - * [createend](#createend) - * [reload](#reload) - * [reloadend](#reloadend) - * [destroy](#destroy) - * [destroyend](#destroyend) -* [Item element events](#item-element-events) - * [active](#active) - * [inactive](#inactive) - -**Note**: Some events are triggered from the constructor, so you have to bind -to the events **before** you initialize the plugin: - -```javascript -$('.jcarousel-pagination') - - // Bind first - .on('jcarouselpagination:create', function(event, carousel) { - // Do something - }) - - // Initialize at last step - .jcarouselPagination(); -``` - - -Root element events -------------------- - -These events are triggered on the root element. - - -create ------- - -Triggered on creation of the plugin. - -### Example - -```javascript -$('.jcarousel-pagination').on('jcarouselpagination:create', function() { - // Do something -}); -``` - - -createend ---------- - -Triggered after creation of the plugin. - -### Example - -```javascript -$('.jcarousel-pagination').on('jcarouselpagination:createend', function() { - // Do something -}); -``` - - -reload ------- - -Triggered when the `reload` method is called. - -### Example - -```javascript -$('.jcarousel-pagination').on('jcarouselpagination:reload', function() { - // Do something -}); -``` - - -reloadend ---------- - -Triggered after the `reload` method is called. - -### Example - -```javascript -$('.jcarousel-pagination').on('jcarouselpagination:reloadend', function() { - // "this" refers to the element -}); -``` - - -destroy -------- - -Triggered when the `destroy` method is called. - -### Example - -```javascript -$('.jcarousel-pagination').on('jcarouselpagination:destroy', function() { - // Do something -}); -``` - - -destroyend ----------- - -Triggered after the ``destroy`` method is called. - -### Example - -```javascript -$('.jcarousel-pagination').on('jcarouselpagination:destroyend', function() { - // Do something -}); -``` - - -Item element events -------------------- - -These events are triggered on the item elements. The recommended way is to bind -via delegated events: - -```javascript -$('.jcarousel-pagination') - .on('jcarouselpagination:active', 'a', function() { - $(this).addClass('active'); - }) - .on('jcarouselpagination:inactive', 'a', function() { - $(this).removeClass('active'); - }); -``` - - -active ------- - -Triggered when the item becomes active. - -### Example - -```javascript -$('.jcarousel-pagination').on('jcarouselpagination:active', 'a', function() { - // Do something -}); -``` - - -inactive --------- - -Triggered when the item becomes inactive. - -### Example - -```javascript -$('.jcarousel-pagination').on('jcarouselpagination:inactive', 'a', function() { - // Do something -}); -``` http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/installation.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/installation.md b/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/installation.md deleted file mode 100644 index d3db46d..0000000 --- a/docs/manual/bower_components/jcarousel/docs/plugins/pagination/reference/installation.md +++ /dev/null @@ -1,68 +0,0 @@ -Installation -============ - -HTML markup ------------ - -A simple basic HTML markup structure would be: - -```html -<!-- Wrapper --> -<div> - <!-- Carousel --> - <div class="jcarousel"> - <ul> - <li>...</li> - <li>...</li> - </ul> - </div> - - <!-- Pagination --> - <div class="jcarousel-pagination"> - <!-- Pagination items will be generated in here --> - </div> -</div> -``` - - -Setup ------ - -To setup the pagination, call the `jcarouselPagination()` plugin method on the -pagination element after you have initialized the carousel: - -```javascript -$(function() { - $('.jcarousel').jcarousel({ - // Core configuration goes here - }); - - $('.jcarousel-pagination').jcarouselPagination({ - item: function(page) { - return '<a href="#' + page + '">' + page + '</a>'; - } - }); -}); -``` - -See [Configuration](configuration.md) for more information about the -configuration options. - -As you can see, you setup the pagination independently from the carousel and the -plugin tries to autodetect the carousel. - -This works best if you enclose the carousel and its pagination inside a mutual -wrapper element. - -If that fails or isn't possible, you can pass the related carousel instance as -an option: - -```javascript -var carousel = $('.jcarousel').jcarousel({ - // Core configuration goes here -}); - -$('.jcarousel-pagination').jcarouselPagination({ - carousel: carousel -}); -``` http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/docs/plugins/scrollintoview/README.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/docs/plugins/scrollintoview/README.md b/docs/manual/bower_components/jcarousel/docs/plugins/scrollintoview/README.md deleted file mode 100644 index e1ed033..0000000 --- a/docs/manual/bower_components/jcarousel/docs/plugins/scrollintoview/README.md +++ /dev/null @@ -1,36 +0,0 @@ -ScrollIntoView Plugin -===================== - -The jCarousel ScrollIntoView Plugin extends the jCarousel core by a -`scrollIntoView` method. - -Calling the method ensures that the passed target is fully visible inside the -carousel. - -scrollIntoView --------------- - -### Description - -```javascript -scrollIntoView(target [, animate [, callback]]) -``` - -Scrolls the carousel so that the targeted item is fully visible. -After scrolling, the item will be the first or last fully visible item. - -### Arguments - -See the arguments of the [scroll](../../reference/api.md#arguments) method. - -### Example - -```javascript -$('.jcarousel').jcarousel('scrollIntoView', 2, true, function(scrolled) { - if (scrolled) { - console.log('The carousel has been scrolled'); - } else { - console.log('The carousel has not been scrolled'); - } -}); -``` http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/docs/reference/api.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/docs/reference/api.md b/docs/manual/bower_components/jcarousel/docs/reference/api.md deleted file mode 100644 index 7921e9f..0000000 --- a/docs/manual/bower_components/jcarousel/docs/reference/api.md +++ /dev/null @@ -1,323 +0,0 @@ -API -=== - -After initialization, you can call the following methods on the jCarousel -instance: - -* [Carousel-related methods](#carousel-related-methods) - * [scroll](#scroll) - * [reload](#reload) - * [destroy](#destroy) - * [list](#list) -* [Item-related methods](#item-related-methods) - * [items](#items) - * [target](#target-1) - * [first](#first) - * [last](#last) - * [visible](#visible) - * [fullyvisible](#fullyvisible) - -See [Calling methods on the jCarousel instance](usage.md#calling-methods-on-the-jcarousel-instance) -for how to call methods. - - -Carousel-related methods -======================== - - -scroll ------- - -### Description - -```javascript -scroll(target [, animate [, callback]]) -``` - -Scrolls to a specific item or relative by a given offset. - -### Arguments - - * #### target - - The target item to which the carousel should scroll. - - ##### Available formats for the *target* argument: - - * ###### index - - Scrolls to the item at the given index (Note that indexes are 0-based). - - **Example:** - - ```javascript - $('.jcarousel').jcarousel('scroll', 0); - ``` - - * ###### -index - - Scrolls to the item at the given index counting backwards from the end of - the list. - - **Example:** - - ```javascript - $('.jcarousel').jcarousel('scroll', -1); - ```` - - * ###### object - - Scrolls to the given object. - - **Example:** - - ```javascript - $('.jcarousel').jcarousel('scroll', $('.jcarousel li:eq(2)')); - ``` - - * ###### +=offset - - Scrolls the carousel forward by the given offset relatively from the - current position. - - **Example:** - - ```javascript - $('.jcarousel').jcarousel('scroll', '+=1'); - ``` - - * ###### -=offset - - Scrolls the carousel backwards by the given offset relatively from the - current position. - - **Example:** - - ```javascript - $('.jcarousel').jcarousel('scroll', '-=1'); - ```` - - - * #### animate - - If the argument `animate` is given and `false`, it just jumps to the - position without animation. - - * #### callback - - If the argument `callback` is given and a valid function, it is called - after the animation is finished. - - The function receives a boolean as first argument indicating if a scrolling - actually happend. - - It can be false for the following reasons: - - * The carousel is already animating - * The target argument is invalid - * The carousel is already on the requested position - * An event has cancelled the scrolling - -### Example - -```javascript -$('.jcarousel').jcarousel('scroll', '+=1', true, function(scrolled) { - if (scrolled) { - console.log('The carousel has been scrolled'); - } else { - console.log('The carousel has not been scrolled'); - } -}); -```` - - -reload ------- - -### Description - -```javascript -reload([options]) -``` - -Reloads the carousel. This method is useful to reinitialize the carousel if -you have changed the content of the list from the outside or want to change -options that affect appearance of the carousel at runtime. - -### Arguments - - * #### options - - A set of [configuration options](configuration.md). - -### Example - -```javascript -$('.jcarousel').jcarousel('reload', { - animation: 'slow' -}); -``` - - -destroy -------- - -### Description - -```javascript -destroy() -``` - -Removes the jCarousel functionality completely. This will return the element -back to its initial state. - -### Example - -```javascript -$('.jcarousel').jcarousel('destroy'); -``` - - -list ----- - -### Description - -```javascript -list() -``` - -Returns the list element as jQuery object. - -### Example - -```javascript -var list = $('.jcarousel').jcarousel('list'); -``` - - -Item-related methods -==================== - -**Note:** The item-related methods return different results depending on -the state of the carousel. That means for example, that after each scroll, -these methods return a different set of items. - -The following example illustrates how to use these methods inside event -callbacks: - -```javascript -$('.jcarousel') - .on('jcarousel:animateend', function(event, carousel) { - var currentFirstItem = $(this).jcarousel('first'); - var currentLastItem = $(this).jcarousel('last'); - }); -``` - - -items ------ - -### Description - -```javascript -list() -``` - -Returns all items as jQuery object. - -### Example - -```javascript -var items = $('.jcarousel').jcarousel('items'); -``` - - -target ------- - -### Description - -```javascript -target() -``` - -Returns the *targeted* item as jQuery object. - -### Example - -```javascript -var target = $('.jcarousel').jcarousel('target'); -``` - - -first ------ - -### Description - -```javascript -first() -``` - -Returns the *first visible* item as jQuery object. - -### Example - -```javascript -var first = $('.jcarousel').jcarousel('first'); -``` - - -last ----- - -### Description - -```javascript -last() -``` - -Returns the *last visible* item as jQuery object. - -### Example - -```javascript -var last = $('.jcarousel').jcarousel('last'); -``` - - -visible -------- - -### Description - -```javascript -visible() -``` - -Returns all *visible* items as jQuery object. - -### Example - -```javascript -var visible = $('.jcarousel').jcarousel('visible'); -``` - - -fullyvisible ------------- - -### Description - -```javascript -fullyvisible() -``` - -Returns all *fully visible* items as jQuery object. - -### Example - -```javascript -var fullyvisible = $('.jcarousel').jcarousel('fullyvisible'); -``` http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/docs/reference/configuration.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/docs/reference/configuration.md b/docs/manual/bower_components/jcarousel/docs/reference/configuration.md deleted file mode 100644 index ef41415..0000000 --- a/docs/manual/bower_components/jcarousel/docs/reference/configuration.md +++ /dev/null @@ -1,248 +0,0 @@ -Configuration -============= - -jCarousel accepts the following options: - -* [list](#list) -* [items](#items) -* [animation](#animation) -* [transitions](#transitions) -* [wrap](#wrap) -* [vertical](#vertical) -* [rtl](#rtl) -* [center](#center) - -Options can be set either on [initialization](installation.md#initialize-jcarousel) -or at [runtime](api.md#reload). - - -list ----- - -A function or a jQuery selector to select the list inside the root element. - -A function will be called in the context of the carousel instance. - -### Example - -```javascript -$('.jcarousel').jcarousel({ - list: '.jcarousel-list' -}); -``` - -### Default - -```javascript -function() { - return this.element().children().eq(0); -} -``` - - -items ------ - -A function or a jQuery selector to select the items inside the list element. - -A function will be called in the context of the carousel instance. - -### Example - -```javascript -$('.jcarousel').jcarousel({ - items: '.jcarousel-item' -}); -``` - -### Default - -```javascript -function() { - return this.list().children(); -} -``` - - -animation ---------- - -The speed of the scroll animation as string in jQuery terms (`"slow"` or -`"fast"`) or milliseconds as integer (See the documentation for -[jQuery animate](http://api.jquery.com/animate>)). - -Alternatively, this can be a map of options like the one [jQuery.animate] -(http://api.jquery.com/animate/#animate-properties-options>) accepts as second -argument. - -### Example - -```javascript -$('.jcarousel').jcarousel({ - animation: 'slow' -}); - -$('.jcarousel').jcarousel({ - animation: { - duration: 800, - easing: 'linear', - complete: function() { - } - } -}); -``` - -### Default - -`400` - - -transitions ------------ - -If set to `true`, CSS3 transitions are used for animations. - -Alternatively, this can be a map of the following options: - - * `transforms`: - If set to `true`, 2D transforms are used for better hardware acceleration. - * `transforms3d`: - If set to `true`, 3D transforms are used for full hardware acceleration. - * `easing`: - Value will be used as the [transition-timing-function] - (https://developer.mozilla.org/docs/CSS/transition-timing-function>) - (e.g. `ease` or `linear`). - --------------------------------------------------------------------------------- - -**Note:** - -jCarousel does **not** check if the user's browser supports transitions -and/or transforms. You have to do that yourself when setting the option. - -You can for example use [Modernizr](http://modernizr.com>) for browser feature -detection. If you're not including it already in your site, you can use this -[minimal build](http://modernizr.com/download/#-csstransforms-csstransforms3d-csstransitions-teststyles-testprop-testallprops-prefixes-domprefixes). - --------------------------------------------------------------------------------- - -### Example - -```javascript -$('.jcarousel').jcarousel({ - transitions: true -}); - -$('.jcarousel').jcarousel({ - transitions: Modernizr.csstransitions ? { - transforms: Modernizr.csstransforms, - transforms3d: Modernizr.csstransforms3d, - easing: 'ease' - } : false -}); -``` - -### Default - -`false` - - -wrap ----- - -Specifies whether to wrap at the first or last item (or both) and jump back -to the start/end. Options are `"first"`, `"last"`, `"both"` or `"circular"` as -string. - -If set to null, wrapping is turned off (default). - -### Example - -```javascript -$('.jcarousel').jcarousel({ - wrap: 'both' -}); -``` - -### Default - -`null` - - -vertical --------- - -Specifies whether the carousel appears in vertical orientation. Changes the -carousel from a left/right style to a up/down style carousel. - -If set to `null`, jCarousel tries to auto-detect the orientation by simply -checking if the list's height is greater than the list's width. - -### Example - -```javascript -$('.jcarousel').jcarousel({ - vertical: true -}); -``` - -### Default - -`null` - - -rtl ---- - -Specifies wether the carousel appears in RTL (Right-To-Left) mode. - -If set to `null`, jCarousel looks for `dir="rtl"` attribute on the root -element (or to any of its parent elements) and if found, automatically sets -rtl to true. - -### Example - -```javascript -$('.jcarousel').jcarousel({ - rtl: true -}); -``` - -**Example with dir attribute:** - -```html -<div class="jcarousel" dir="rtl"> - <ul> - <li>...</li> - </ul> -</div> - -<script> -$('.jcarousel').jcarousel(); -</script> -``` - -### Default - -`null` - - -center ------- - -Specifies wether the targeted item should be centered inside the root element. - -**Note:** This feature is **experimental** and may not work with all setups. - - -### Example - -```javascript -$('.jcarousel').jcarousel({ - center: true -}); -``` - -### Default - -`false` http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/docs/reference/events.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/docs/reference/events.md b/docs/manual/bower_components/jcarousel/docs/reference/events.md deleted file mode 100644 index ba9d519..0000000 --- a/docs/manual/bower_components/jcarousel/docs/reference/events.md +++ /dev/null @@ -1,365 +0,0 @@ -Events -====== - -After initialization, jCarousel triggers the following events on the root -and the items elements of the carousel: - -* [Root element events](#root-element-events) - * [create](#create) - * [createend](#createend) - * [reload](#reload) - * [reloadend](#reloadend) - * [destroy](#destroy) - * [destroyend](#destroyend) - * [scroll](#scroll) - * [scrollend](#scrollend) - * [animate](#animate) - * [animateend](#animateend) -* [Item element events](#item-element-events) - * [targetin](#targetin) - * [targetout](#targetout) - * [firstin](#firstin) - * [firstout](#firstout) - * [lastin](#lastin) - * [lastout](#lastout) - * [visiblein](#visiblein) - * [visibleout](#visibleout) - * [fullyvisiblein](#fullyvisiblein) - * [fullyvisibleout](#fullyvisibleout) - -**Note**: Some events are triggered from the constructor, so you have to bind -to the events **before** you initialize the plugin: - -```javascript -$('.jcarousel') - - // Bind first - .on('jcarousel:create', function(event, carousel) { - // Do something - }) - - // Initialize at last step - .jcarousel(); -``` - -Root element events -=================== - -These events are triggered on the root element. - - -create ------- - -Triggered on creation of the carousel. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:create', function(event, carousel) { - // "this" refers to the root element - // "carousel" is the jCarousel instance -}); -``` - - -createend ---------- - -Triggered after creation of the carousel. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:createend', function(event, carousel) { - // "this" refers to the root element - // "carousel" is the jCarousel instance -}); -``` - - -reload ------- - -Triggered when the ``reload`` method is called. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:reload', function(event, carousel) { - // "this" refers to the root element - // "carousel" is the jCarousel instance -}); -``` - - -reloadend ---------- - -Triggered after the ``reload`` method is called. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:reloadend', function(event, carousel) { - // "this" refers to the root element - // "carousel" is the jCarousel instance -}); -``` - - -destroy ----------- -Triggered when the ``destroy`` method is called. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:destroy', function(event, carousel) { - // "this" refers to the root element - // "carousel" is the jCarousel instance -}); -``` - - -destroyend ----------- - -Triggered after the ``destroy`` method is called. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:destroyend', function(event, carousel) { - // "this" refers to the root element - // "carousel" is the jCarousel instance -}); -``` - - -scroll ------- - -Triggered when the ``scroll`` method is called. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:scroll', function(event, carousel, target, animate) { - // "this" refers to the root element - // "carousel" is the jCarousel instance - // "target" is the target argument passed to the `scroll` method - // "animate" is the animate argument passed to the `scroll` method - // indicating whether jCarousel was requested to do an animation -}); -``` - - -scrollend ---------- - -Triggered after the ``scroll`` method is called. - -**Note**: This method is triggered at the end of the scroll method and **not** -when the animation is finished. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:scrollend', function(event, carousel) { - // "this" refers to the root element - // "carousel" is the jCarousel instance -}); -``` - - -animate -------- - -Triggered when the carousel starts a animation. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:animate', function(event, carousel) { - // "this" refers to the root element - // "carousel" is the jCarousel instance -}); -``` - - -animateend ----------- - -Triggered after the carousel has finished a animation. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:animateend', function(event, carousel) { - // "this" refers to the root element - // "carousel" is the jCarousel instance -}); -``` - - -Item element events -=================== - -These events are triggered on the item elements. The recommended way is to bind -via delegated events: - -```javascript -$('.jcarousel').on('jcarousel:targetin', 'li', function() { - $(this).addClass('active'); -}); -``` - - -targetin --------- - -Triggered when the item becomes the targeted item. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:targetin', 'li', function(event, carousel) { - // "this" refers to the item element - // "carousel" is the jCarousel instance -}); -``` - - -targetout ---------- - -Triggered when the item is no longer the targeted item. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:targetout', 'li', function(event, carousel) { - // "this" refers to the item element - // "carousel" is the jCarousel instance -}); -``` - - -firstin -------- - -Triggered when the item becomes the first visible item. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:firstin', 'li', function(event, carousel) { - // "this" refers to the item element - // "carousel" is the jCarousel instance -}); -``` - - -firstout --------- - -Triggered when the item is no longer the first visible item. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:firstout', 'li', function(event, carousel) { - // "this" refers to the item element - // "carousel" is the jCarousel instance -}); -``` - - -lastin ------- - -Triggered when the item becomes the last visible item. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:lastin', 'li', function(event, carousel) { - // "this" refers to the item element - // "carousel" is the jCarousel instance -}); -``` - - -lastout -------- - -Triggered when the item is no longer the last visible item. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:lastout', 'li', function(event, carousel) { - // "this" refers to the item element - // "carousel" is the jCarousel instance -}); -``` - - -visiblein ---------- - -Triggered when the item becomes a visible item. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:visiblein', 'li', function(event, carousel) { - // "this" refers to the item element - // "carousel" is the jCarousel instance -}); -``` - -visibleout ----------- - -Triggered when the item is no longer a visible item. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:visibleout', 'li', function(event, carousel) { - // "this" refers to the item element - // "carousel" is the jCarousel instance -}); -``` - - -fullyvisiblein --------------- - -Triggered when the item becomes a fully visible item. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:fullyvisiblein', 'li', function(event, carousel) { - // "this" refers to the item element - // "carousel" is the jCarousel instance -}); -``` - - -fullyvisibleout ---------------- - -Triggered when the item is no longer a fully visible item. - -### Example - -```javascript -$('.jcarousel').on('jcarousel:fullyvisibleout', 'li', function(event, carousel) { - // "this" refers to the item element - // "carousel" is the jCarousel instance -}); -``` http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/docs/reference/installation.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/docs/reference/installation.md b/docs/manual/bower_components/jcarousel/docs/reference/installation.md deleted file mode 100644 index e9cb138..0000000 --- a/docs/manual/bower_components/jcarousel/docs/reference/installation.md +++ /dev/null @@ -1,119 +0,0 @@ -Installation -============ - -Include required files ----------------------- - -To use the jCarousel component, include the [jQuery](http://jquery.com) -library and the jCarousel source file into your HTML document: - -```html -<script type="text/javascript" src="/path/to/jquery.js"></script> -<script type="text/javascript" src="/path/to/jquery.jcarousel.js"></script> -``` - -**Note:** The minimum required jQuery version is 1.7. - -HTML markup ------------ - -jCarousel expects a very basic HTML markup structure inside your HTML document: - -```html -<div class="jcarousel"> - <ul> - <li>...</li> - <li>...</li> - </ul> -</div> -``` --------------------------------------------------------------------------------- - -**Note:** - -The documentation refers to the elements as **root** element, **list** -element and **item** element(s): - -```text -<div class="jcarousel"> <--------------------------------| Root element - <ul> <-------------------------------| List element | - <li>...</li> <---| Item element | | - <li>...</li> <---| Item element | | - </ul> <------------------------------| | -</div> <-------------------------------------------------| -``` - -This structure is only an example and not required. You could also use a -structure like: - -```text -<div class="mycarousel"> <-------------------------------| Root element - <div> <------------------------------| List element | - <p>...</p> <-----| Item element | | - <p>...</p> <-----| Item element | | - </div> <-----------------------------| | -</div> <-------------------------------------------------| -``` - -The only requirement is, that it consists of a root element, list element -and item elements. - - -Setup ------ - -To setup the carousel, call the `.jcarousel()` plugin method on the root -element: - -```javascript -$(function() { - $('.jcarousel').jcarousel({ - // Configuration goes here - }); -}); -``` - -See [Configuration](configuration.md) for all available configuration options. - - -Style the carousel ------------------- - -These are the minimal required CSS settings for a horizontal carousel: - -```css -/* -This is the visible area of you carousel. -Set a width here to define how much items are visible. -The width can be either fixed in px or flexible in %. -Position must be relative! -*/ -.jcarousel { - position: relative; - overflow: hidden; -} - -/* -This is the container of the carousel items. -You must ensure that the position is relative or absolute and -that the width is big enough to contain all items. -*/ -.jcarousel ul { - width: 20000em; - position: relative; - - /* Optional, required in this case since it's a <ul> element */ - list-style: none; - margin: 0; - padding: 0; -} - -/* -These are the item elements. jCarousel works best, if the items -have a fixed width and height (but it's not required). -*/ -.jcarousel li { - /* Required only for block elements like <li>'s */ - float: left; -} -``` http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/docs/reference/usage.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/docs/reference/usage.md b/docs/manual/bower_components/jcarousel/docs/reference/usage.md deleted file mode 100644 index 601bdc2..0000000 --- a/docs/manual/bower_components/jcarousel/docs/reference/usage.md +++ /dev/null @@ -1,217 +0,0 @@ -Usage -===== - -* [Calling methods on the jCarousel instance](#calling-methods-on-the-jcarousel-instance) -* [Navigating the carousel](#navigating-the-carousel) -* [Defining the number of visible items](#defining-the-number-of-visible-items) -* [Vertical carousels](#vertical-carousels) -* [RTL (Right-To-Left) carousels](#rtl-right-to-left-carousels) -* [Manipulating the carousel](#manipulating-the-carousel) - - -Calling methods on the jCarousel instance ------------------------------------------ - -If you have created a carousel like: - -```javascript -$(function() { - $('.jcarousel').jcarousel(); -}); -``` - -You can later call methods on the jCarousel instance like: - -```javascript -$('.jcarousel').jcarousel('scroll', '+=2'); -``` - -The first argument is the method name. The following arguments are the arguments -for the called method. - -Alternatively, you can first grab the jCarousel instance and call the methods -directly on it: - -```javascript -var instance = $('.jcarousel').data('jcarousel'); - -instance.scroll('+=2'); -``` - -See [API](api.md) for all available methods. - - -Navigating the carousel ------------------------ - -jCarousel offers no built in controls to navigate through the carousel. But you -can simply implement navigation controls using the [scroll](api.md#scroll) -method. - -```javascript -$('.jcarousel').jcarousel('scroll', target); -``` - -A simple example for previous and next controls: - -```javascript -$('.jcarousel-prev').click(function() { - $('.jcarousel').jcarousel('scroll', '-=1'); -}); - -$('.jcarousel-next').click(function() { - $('.jcarousel').jcarousel('scroll', '+=1'); -}); -``` - -A more comfortable way is to use a navigation plugin: - - * [Control Plugin](../plugins/control/) - * [Pagination Plugin](../plugins/pagination/) - - -Defining the number of visible items ------------------------------------- - -You simply define the number of visible items by defining the width (or height -for a vertical carousel) of the root element (if you use the default from this -document, you do that with the class `.jcarousel` in your stylesheet). - -This offers a lot of flexibility, because you can define the width in pixel for -a fixed carousel or in percent for a flexible carousel. - -### Fixed carousel - -Always 3 visible items: - -```css -.jcarousel { - position: relative; - overflow: hidden; - width: 300px; -} - -.jcarousel li { - float: left; - width: 100px; -} -``` - -### Flexible carousel - -The number of visible items depend on the width of the root's parent element: - -```css -.jcarousel { - position: relative; - overflow: hidden; - width: 100%; -} - -.jcarousel li { - float: left; - width: 100px; -} -``` - - -Vertical carousels ------------------- - -jCarousel tries to auto-detect the orientation by simply checking if the list -elementsâs height is greater than the list elementâs width. - -If auto-detection doesn't work, you can explicitly pass the `vertical` option: - -```javascript -$('.jcarousel').jcarousel({ - vertical: true -}); -``` - - -RTL (Right-To-Left) carousels ------------------------------ - -jCarousel tries to auto-detect if the carousel should run in RTL mode by looking -for a `dir` attribute with the value `rtl` on the root or any of its parent -elements. - -```html -<div class="jcarousel" dir="rtl"> - <ul> - <!-- The content goes in here --> - </ul> -</div> -``` - -If auto-detection doesn't work, you can explicitly pass the `rtl` option. -**Note:** The `dir="rtl"` attribute is still required! - -```javascript -$('.jcarousel').jcarousel({ - rtl: true -}); -``` - -When running a carousel in RTL mode, you should ensure to float the items to the -right: - -```css -.jcarousel[dir=rtl] li { - float: right; -} -``` - - -Manipulating the carousel -------------------------- - -If you manipulate the carousel from the outside (eg. adding or removing items -from the list), ensure that you call the [reload](api.md) method afterwards so -that jCarousel becomes aware of the changes: - -```javascript -$(function() { - $('.jcarousel').jcarousel({ - // Configuration goes here - }); - - // Append items - $('.jcarousel ul') - .append('<li>Item 1</li>') - .append('<li>Item 2</li>'); - - // Reload carousel - $('.jcarousel').jcarousel('reload'); -}); -``` - -Existing items should only be manipulated, not completely replaced: - -```javascript -$(function() { - // Don't do that - $('.jcarousel li:eq(0)') - .replaceWith('<li class="myclass">Item 1</li>'); - - // Do this - $('.jcarousel li:eq(0)') - .addClass('myclass') - .text('Item 1'); -}); -``` - -If you are removing items, make sure they are currently not visible: - -```javascript -$(function() { - var carousel = $('.jcarousel'), - item = carousel.find('li:eq(0)'); - - if (carousel.jcarousel('visible').index(item) < 0) { - item.remove(); - carousel.jcarousel('reload'); - } -}); -``` http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/README.md ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/README.md b/docs/manual/bower_components/jcarousel/examples/README.md deleted file mode 100644 index 1caab83..0000000 --- a/docs/manual/bower_components/jcarousel/examples/README.md +++ /dev/null @@ -1,13 +0,0 @@ -Examples -======== - -The source code including examples can be downloaded from the -[release page at GitHub](https://github.com/jsor/jcarousel/releases). - -* [Basic Carousel](basic/) -* [Connected Carousels](connected-carousels/) -* [Carousel using CSS3 Transitions](transitions/) -* [Responsive Carousel](responsive/) -* [Carousel using data-* attributes for initialization and configuration](data-attributes/) -* [Ajax Carousel](ajax/) -* [Carousel Skeleton](skeleton/) http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/css/style.css ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/css/style.css b/docs/manual/bower_components/jcarousel/examples/_shared/css/style.css deleted file mode 100644 index 1191d14..0000000 --- a/docs/manual/bower_components/jcarousel/examples/_shared/css/style.css +++ /dev/null @@ -1,49 +0,0 @@ -@import '//fonts.googleapis.com/css?family=Lato:400,400italic|Arvo:700,400,400italic'; - -body { - background: #F0EFE7; - margin: 0; - padding: 0; - font: 15px/1.5 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; - color: #4E443C; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); -} - -h1, h2, h3, h4, h5, h6 { - font-family: 'Arvo', 'Helvetica Neue', Helvetica, Arial, sans-serif; - text-align: center; - font-weight: normal; - text-rendering: optimizelegibility; -} - -h1 { - color: #4E443C; - font-size: 36px; - font-weight: bold; -} - -h2, h2 a { - color: #F14E32; -} - -h3, h3 a { - color: #0388A6; -} - -a { - color: #0388A6; -} - -pre { - border:1px solid #000; - overflow-x:auto; - background: #222; - color: #fff; - text-shadow: none; -} - -.wrapper { - max-width: 620px; - padding: 0 20px 40px 20px; - margin: auto; -} http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img1.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img1.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img1.jpg deleted file mode 100644 index 88d29b4..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img1.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img1_thumb.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img1_thumb.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img1_thumb.jpg deleted file mode 100644 index c76cfd3..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img1_thumb.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img2.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img2.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img2.jpg deleted file mode 100644 index df7fe06..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img2.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img2_thumb.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img2_thumb.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img2_thumb.jpg deleted file mode 100644 index 425222b..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img2_thumb.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img3.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img3.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img3.jpg deleted file mode 100644 index 975ae3c..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img3.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img3_thumb.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img3_thumb.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img3_thumb.jpg deleted file mode 100644 index 2fe35ac..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img3_thumb.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img4.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img4.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img4.jpg deleted file mode 100644 index 7846fb6..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img4.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img4_thumb.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img4_thumb.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img4_thumb.jpg deleted file mode 100644 index 80b3cd2..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img4_thumb.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img5.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img5.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img5.jpg deleted file mode 100644 index baf13d6..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img5.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img5_thumb.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img5_thumb.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img5_thumb.jpg deleted file mode 100644 index 21b71fa..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img5_thumb.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img6.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img6.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img6.jpg deleted file mode 100644 index 4cd5e72..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img6.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/_shared/img/img6_thumb.jpg ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/_shared/img/img6_thumb.jpg b/docs/manual/bower_components/jcarousel/examples/_shared/img/img6_thumb.jpg deleted file mode 100644 index f33dbef..0000000 Binary files a/docs/manual/bower_components/jcarousel/examples/_shared/img/img6_thumb.jpg and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/ajax/data.json ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/ajax/data.json b/docs/manual/bower_components/jcarousel/examples/ajax/data.json deleted file mode 100644 index aa35c44..0000000 --- a/docs/manual/bower_components/jcarousel/examples/ajax/data.json +++ /dev/null @@ -1,28 +0,0 @@ -{ - "items": [ - { - "src": "../_shared/img/img1.jpg", - "title": "Image 1" - }, - { - "src": "../_shared/img/img2.jpg", - "title": "Image 2" - }, - { - "src": "../_shared/img/img3.jpg", - "title": "Image 3" - }, - { - "src": "../_shared/img/img4.jpg", - "title": "Image 4" - }, - { - "src": "../_shared/img/img5.jpg", - "title": "Image 5" - }, - { - "src": "../_shared/img/img6.jpg", - "title": "Image 6" - } - ] -} http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/ajax/index.html ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/ajax/index.html b/docs/manual/bower_components/jcarousel/examples/ajax/index.html deleted file mode 100644 index 7a91022..0000000 --- a/docs/manual/bower_components/jcarousel/examples/ajax/index.html +++ /dev/null @@ -1,38 +0,0 @@ -<!doctype html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <title>Ajax Carousel - jCarousel Examples</title> - - <!-- Shared assets --> - <link rel="stylesheet" type="text/css" href="../_shared/css/style.css"> - - <!-- Example assets --> - <link rel="stylesheet" type="text/css" href="jcarousel.ajax.css"> - - <script type="text/javascript" src="../../libs/jquery/jquery.js"></script> - <script type="text/javascript" src="../../dist/jquery.jcarousel.min.js"></script> - - <script type="text/javascript" src="jcarousel.ajax.js"></script> - - </head> - <body> - - <div class="wrapper"> - <h1>Ajax Carousel</h1> - - - <p>This example shows how to load carousel items via AJAX.</p> - - <div class="jcarousel-wrapper"> - <div class="jcarousel"> - <div class="loading">Loading carousel items...</div> - </div> - - <a href="#" class="jcarousel-control-prev">‹</a> - <a href="#" class="jcarousel-control-next">›</a> - </div> - </div> - - </body> -</html> http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/ajax/jcarousel.ajax.css ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/ajax/jcarousel.ajax.css b/docs/manual/bower_components/jcarousel/examples/ajax/jcarousel.ajax.css deleted file mode 100644 index 62eb15b..0000000 --- a/docs/manual/bower_components/jcarousel/examples/ajax/jcarousel.ajax.css +++ /dev/null @@ -1,88 +0,0 @@ -.jcarousel-wrapper { - margin: 20px auto; - position: relative; - border: 10px solid #fff; - /* - (4 * width: 150px) + (3 * margin-right: 1px) = 603px - */ - width: 603px; - height: 100px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - -/** Carousel **/ - -.jcarousel { - position: relative; - overflow: hidden; -} - -.jcarousel ul { - width: 20000em; - position: relative; - list-style: none; - margin: 0; - padding: 0; -} - -.jcarousel li { - float: left; - width: 150px; - height: 100px; - margin-right: 1px; -} - -.jcarousel img { - max-height: 100px; -} - -.jcarousel .loading { - text-align: center; - line-height: 90px; /* Fake vertical aligning */ -} - -/** Carousel Controls **/ - -.jcarousel-control-prev, -.jcarousel-control-next { - position: absolute; - top: 35px; - width: 30px; - height: 30px; - text-align: center; - background: #4E443C; - color: #fff; - text-decoration: none; - text-shadow: 0 0 1px #000; - font: 24px/27px Arial, sans-serif; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - -.jcarousel-control-prev { - left: -50px; -} - -.jcarousel-control-next { - right: -50px; -} - -.jcarousel-control-prev:hover span, -.jcarousel-control-next:hover span { - display: block; -} - -.jcarousel-control-prev.inactive, -.jcarousel-control-next.inactive { - opacity: .5; - cursor: default; -} http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/ajax/jcarousel.ajax.js ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/ajax/jcarousel.ajax.js b/docs/manual/bower_components/jcarousel/examples/ajax/jcarousel.ajax.js deleted file mode 100644 index 17fa739..0000000 --- a/docs/manual/bower_components/jcarousel/examples/ajax/jcarousel.ajax.js +++ /dev/null @@ -1,47 +0,0 @@ -(function($) { - $(function() { - var jcarousel = $('.jcarousel').jcarousel(); - - $('.jcarousel-control-prev') - .on('jcarouselcontrol:active', function() { - $(this).removeClass('inactive'); - }) - .on('jcarouselcontrol:inactive', function() { - $(this).addClass('inactive'); - }) - .jcarouselControl({ - target: '-=1' - }); - - $('.jcarousel-control-next') - .on('jcarouselcontrol:active', function() { - $(this).removeClass('inactive'); - }) - .on('jcarouselcontrol:inactive', function() { - $(this).addClass('inactive'); - }) - .jcarouselControl({ - target: '+=1' - }); - - var setup = function(data) { - var html = '<ul>'; - - $.each(data.items, function() { - html += '<li><img src="' + this.src + '" alt="' + this.title + '"></li>'; - }); - - html += '</ul>'; - - // Append items - jcarousel - .html(html); - - // Reload carousel - jcarousel - .jcarousel('reload'); - }; - - $.getJSON('data.json', setup); - }); -})(jQuery); http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/basic/index.html ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/basic/index.html b/docs/manual/bower_components/jcarousel/examples/basic/index.html deleted file mode 100644 index c3b2dbe..0000000 --- a/docs/manual/bower_components/jcarousel/examples/basic/index.html +++ /dev/null @@ -1,52 +0,0 @@ -<!doctype html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <title>Basic carousel - jCarousel Examples</title> - - <!-- Shared assets --> - <link rel="stylesheet" type="text/css" href="../_shared/css/style.css"> - - <!-- Example assets --> - <link rel="stylesheet" type="text/css" href="jcarousel.basic.css"> - - <script type="text/javascript" src="../../libs/jquery/jquery.js"></script> - <script type="text/javascript" src="../../dist/jquery.jcarousel.min.js"></script> - - <script type="text/javascript" src="jcarousel.basic.js"></script> - - </head> - <body> - - <div class="wrapper"> - <h1>Basic carousel</h1> - - <p>This example shows how to setup a basic carousel with prev/next controls and pagination.</p> - - <div class="jcarousel-wrapper"> - <div class="jcarousel"> - <ul> - <li><img src="../_shared/img/img1.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img2.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img3.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img4.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img5.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img6.jpg" width="600" height="400" alt=""></li> - </ul> - </div> - - <p class="photo-credits"> - Photos by <a href="http://www.mw-fotografie.de";>Marc Wiegelmann</a> - </p> - - <a href="#" class="jcarousel-control-prev">‹</a> - <a href="#" class="jcarousel-control-next">›</a> - - <p class="jcarousel-pagination"> - - </p> - </div> - </div> - - </body> -</html> http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/basic/jcarousel.basic.css ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/basic/jcarousel.basic.css b/docs/manual/bower_components/jcarousel/examples/basic/jcarousel.basic.css deleted file mode 100644 index c70079a..0000000 --- a/docs/manual/bower_components/jcarousel/examples/basic/jcarousel.basic.css +++ /dev/null @@ -1,122 +0,0 @@ -.jcarousel-wrapper { - margin: 20px auto; - position: relative; - border: 10px solid #fff; - width: 600px; - height: 400px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - - -.jcarousel-wrapper .photo-credits { - position: absolute; - right: 15px; - bottom: 0; - font-size: 13px; - color: #fff; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.85); - opacity: .66; -} - -.jcarousel-wrapper .photo-credits a { - color: #fff; -} - -/** Carousel **/ - -.jcarousel { - position: relative; - overflow: hidden; -} - -.jcarousel ul { - width: 20000em; - position: relative; - list-style: none; - margin: 0; - padding: 0; -} - -.jcarousel li { - float: left; -} - -/** Carousel Controls **/ - -.jcarousel-control-prev, -.jcarousel-control-next { - position: absolute; - top: 200px; - width: 30px; - height: 30px; - text-align: center; - background: #4E443C; - color: #fff; - text-decoration: none; - text-shadow: 0 0 1px #000; - font: 24px/27px Arial, sans-serif; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - -.jcarousel-control-prev { - left: -50px; -} - -.jcarousel-control-next { - right: -50px; -} - -.jcarousel-control-prev:hover span, -.jcarousel-control-next:hover span { - display: block; -} - -.jcarousel-control-prev.inactive, -.jcarousel-control-next.inactive { - opacity: .5; - cursor: default; -} - -/** Carousel Pagination **/ - -.jcarousel-pagination { - position: absolute; - bottom: 0; - left: 15px; -} - -.jcarousel-pagination a { - text-decoration: none; - display: inline-block; - - font-size: 11px; - line-height: 14px; - min-width: 14px; - - background: #fff; - color: #4E443C; - border-radius: 14px; - padding: 3px; - text-align: center; - - margin-right: 2px; - - opacity: .75; -} - -.jcarousel-pagination a.active { - background: #4E443C; - color: #fff; - opacity: 1; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); -} http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/basic/jcarousel.basic.js ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/basic/jcarousel.basic.js b/docs/manual/bower_components/jcarousel/examples/basic/jcarousel.basic.js deleted file mode 100644 index 045f00e..0000000 --- a/docs/manual/bower_components/jcarousel/examples/basic/jcarousel.basic.js +++ /dev/null @@ -1,36 +0,0 @@ -(function($) { - $(function() { - $('.jcarousel').jcarousel(); - - $('.jcarousel-control-prev') - .on('jcarouselcontrol:active', function() { - $(this).removeClass('inactive'); - }) - .on('jcarouselcontrol:inactive', function() { - $(this).addClass('inactive'); - }) - .jcarouselControl({ - target: '-=1' - }); - - $('.jcarousel-control-next') - .on('jcarouselcontrol:active', function() { - $(this).removeClass('inactive'); - }) - .on('jcarouselcontrol:inactive', function() { - $(this).addClass('inactive'); - }) - .jcarouselControl({ - target: '+=1' - }); - - $('.jcarousel-pagination') - .on('jcarouselpagination:active', 'a', function() { - $(this).addClass('active'); - }) - .on('jcarouselpagination:inactive', 'a', function() { - $(this).removeClass('active'); - }) - .jcarouselPagination(); - }); -})(jQuery); http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/connected-carousels/index.html ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/connected-carousels/index.html b/docs/manual/bower_components/jcarousel/examples/connected-carousels/index.html deleted file mode 100644 index 1856ea6..0000000 --- a/docs/manual/bower_components/jcarousel/examples/connected-carousels/index.html +++ /dev/null @@ -1,63 +0,0 @@ -<!doctype html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <title>Connected Carousels - jCarousel Examples</title> - - <!-- Shared assets --> - <link rel="stylesheet" type="text/css" href="../_shared/css/style.css"> - - <!-- Example assets --> - <link rel="stylesheet" type="text/css" href="jcarousel.connected-carousels.css"> - - <script type="text/javascript" src="../../libs/jquery/jquery.js"></script> - <script type="text/javascript" src="../../dist/jquery.jcarousel.min.js"></script> - - <script type="text/javascript" src="jcarousel.connected-carousels.js"></script> - - </head> - <body> - - <div class="wrapper"> - <h1>Connected Carousels</h1> - - <p>This example shows how to connect two carousels together so that one carousels acts as a navigation for the other.</p> - - <div class="connected-carousels"> - <div class="stage"> - <div class="carousel carousel-stage"> - <ul> - <li><img src="../_shared/img/img1.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img2.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img3.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img4.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img5.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img6.jpg" width="600" height="400" alt=""></li> - </ul> - </div> - <p class="photo-credits"> - Photos by <a href="http://www.mw-fotografie.de";>Marc Wiegelmann</a> - </p> - <a href="#" class="prev prev-stage"><span>‹</span></a> - <a href="#" class="next next-stage"><span>›</span></a> - </div> - - <div class="navigation"> - <a href="#" class="prev prev-navigation">‹</a> - <a href="#" class="next next-navigation">›</a> - <div class="carousel carousel-navigation"> - <ul> - <li><img src="../_shared/img/img1_thumb.jpg" width="50" height="50" alt=""></li> - <li><img src="../_shared/img/img2_thumb.jpg" width="50" height="50" alt=""></li> - <li><img src="../_shared/img/img3_thumb.jpg" width="50" height="50" alt=""></li> - <li><img src="../_shared/img/img4_thumb.jpg" width="50" height="50" alt=""></li> - <li><img src="../_shared/img/img5_thumb.jpg" width="50" height="50" alt=""></li> - <li><img src="../_shared/img/img6_thumb.jpg" width="50" height="50" alt=""></li> - </ul> - </div> - </div> - </div> - </div> - - </body> -</html> http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/connected-carousels/jcarousel.connected-carousels.css ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/connected-carousels/jcarousel.connected-carousels.css b/docs/manual/bower_components/jcarousel/examples/connected-carousels/jcarousel.connected-carousels.css deleted file mode 100644 index 7a70c66..0000000 --- a/docs/manual/bower_components/jcarousel/examples/connected-carousels/jcarousel.connected-carousels.css +++ /dev/null @@ -1,187 +0,0 @@ -/** Stage container **/ - -.connected-carousels .stage { - width: 620px; - margin: 20px auto; - position: relative; -} - -.connected-carousels .photo-credits { - position: absolute; - right: 15px; - bottom: 0; - font-size: 13px; - color: #fff; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.85); - opacity: .66; -} - -.connected-carousels .photo-credits a { - color: #fff; -} - -/** Navigation container **/ - -.connected-carousels .navigation { - width: 260px; - margin: 20px auto; - position: relative; -} - -/** Shared carousel styles **/ - -.connected-carousels .carousel { - overflow: hidden; - position: relative; -} - -.connected-carousels .carousel ul { - width: 20000em; - position: relative; - list-style: none; - margin: 0; - padding: 0; -} - -.connected-carousels .carousel li { - float: left; -} - -/** Stage carousel specific styles **/ - -.connected-carousels .carousel-stage { - height: 400px; - border: 10px solid #fff; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - -/** Navigation carousel specific styles **/ - -.connected-carousels .carousel-navigation { - height: 60px; - width: 240px; - background: #fff; - border: 10px solid #fff; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - -.connected-carousels .carousel-navigation li { - cursor: pointer; -} - -.connected-carousels .carousel-navigation li img { - display: block; - border: 5px solid #fff; -} - -.connected-carousels .carousel-navigation li.active img { - border-color: #ccc; -} - -/** Stage carousel controls **/ - -.connected-carousels .prev-stage, -.connected-carousels .next-stage { - display: block; - position: absolute; - top: 0; - width: 305px; - height: 410px; - color: #fff; -} - -.connected-carousels .prev-stage { - left: 0; -} - -.connected-carousels .next-stage { - right: 0; -} - -.connected-carousels .prev-stage.inactive, -.connected-carousels .next-stage.inactive { - display: none; -} - -.connected-carousels .prev-stage span, -.connected-carousels .next-stage span { - display: none; - position: absolute; - top: 50%; - width: 30px; - height: 30px; - text-align: center; - background: #4E443C; - color: #fff; - text-decoration: none; - text-shadow: 0 0 1px #000; - font: 24px/27px Arial, sans-serif; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - -.connected-carousels .prev-stage span { - left: 20px; -} - -.connected-carousels .next-stage span { - right: 20px; -} - -.connected-carousels .prev-stage:hover span, -.connected-carousels .next-stage:hover span { - display: block; -} - -/** Navigation carousel controls **/ - -.connected-carousels .prev-navigation, -.connected-carousels .next-navigation { - display: block; - position: absolute; - width: 30px; - height: 30px; - background: #4E443C; - color: #fff; - text-decoration: none; - text-shadow: 0 0 1px #000; - font: 16px/29px Arial, sans-serif; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - -.connected-carousels .prev-navigation { - left: -15px; - top: 22px; - text-indent: 6px; -} - -.connected-carousels .next-navigation { - right: -15px; - top: 22px; - text-indent: 20px; -} - -.connected-carousels .prev-navigation.inactive, -.connected-carousels .next-navigation.inactive { - opacity: .5; - cursor: default; -} http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/connected-carousels/jcarousel.connected-carousels.js ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/connected-carousels/jcarousel.connected-carousels.js b/docs/manual/bower_components/jcarousel/examples/connected-carousels/jcarousel.connected-carousels.js deleted file mode 100644 index 24a12ba..0000000 --- a/docs/manual/bower_components/jcarousel/examples/connected-carousels/jcarousel.connected-carousels.js +++ /dev/null @@ -1,84 +0,0 @@ -(function($) { - // This is the connector function. - // It connects one item from the navigation carousel to one item from the - // stage carousel. - // The default behaviour is, to connect items with the same index from both - // carousels. This might _not_ work with circular carousels! - var connector = function(itemNavigation, carouselStage) { - return carouselStage.jcarousel('items').eq(itemNavigation.index()); - }; - - $(function() { - // Setup the carousels. Adjust the options for both carousels here. - var carouselStage = $('.carousel-stage').jcarousel(); - var carouselNavigation = $('.carousel-navigation').jcarousel(); - - // We loop through the items of the navigation carousel and set it up - // as a control for an item from the stage carousel. - carouselNavigation.jcarousel('items').each(function() { - var item = $(this); - - // This is where we actually connect to items. - var target = connector(item, carouselStage); - - item - .on('jcarouselcontrol:active', function() { - carouselNavigation.jcarousel('scrollIntoView', this); - item.addClass('active'); - }) - .on('jcarouselcontrol:inactive', function() { - item.removeClass('active'); - }) - .jcarouselControl({ - target: target, - carousel: carouselStage - }); - }); - - // Setup controls for the stage carousel - $('.prev-stage') - .on('jcarouselcontrol:inactive', function() { - $(this).addClass('inactive'); - }) - .on('jcarouselcontrol:active', function() { - $(this).removeClass('inactive'); - }) - .jcarouselControl({ - target: '-=1' - }); - - $('.next-stage') - .on('jcarouselcontrol:inactive', function() { - $(this).addClass('inactive'); - }) - .on('jcarouselcontrol:active', function() { - $(this).removeClass('inactive'); - }) - .jcarouselControl({ - target: '+=1' - }); - - // Setup controls for the navigation carousel - $('.prev-navigation') - .on('jcarouselcontrol:inactive', function() { - $(this).addClass('inactive'); - }) - .on('jcarouselcontrol:active', function() { - $(this).removeClass('inactive'); - }) - .jcarouselControl({ - target: '-=1' - }); - - $('.next-navigation') - .on('jcarouselcontrol:inactive', function() { - $(this).addClass('inactive'); - }) - .on('jcarouselcontrol:active', function() { - $(this).removeClass('inactive'); - }) - .jcarouselControl({ - target: '+=1' - }); - }); -})(jQuery); http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/data-attributes/index.html ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/data-attributes/index.html b/docs/manual/bower_components/jcarousel/examples/data-attributes/index.html deleted file mode 100644 index 1ded540..0000000 --- a/docs/manual/bower_components/jcarousel/examples/data-attributes/index.html +++ /dev/null @@ -1,48 +0,0 @@ -<!doctype html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <title>Carousels using data-* attributes for initialization and configuration - jCarousel Examples</title> - - <!-- Shared assets --> - <link rel="stylesheet" type="text/css" href="../_shared/css/style.css"> - - <!-- Example assets --> - <link rel="stylesheet" type="text/css" href="jcarousel.data-attributes.css"> - - <script type="text/javascript" src="../../libs/jquery/jquery.js"></script> - <script type="text/javascript" src="../../dist/jquery.jcarousel.min.js"></script> - - <script type="text/javascript" src="jcarousel.data-attributes.js"></script> - - </head> - <body> - - <div class="wrapper"> - <h1>Carousels using data-* attributes</h1> - - <p>This example shows how to setup simple carousel using data-* attributes for initialization and configuration.</p> - - <div class="jcarousel-wrapper"> - <div data-jcarousel="true" data-wrap="circular" class="jcarousel"> - <ul> - <li><img src="../_shared/img/img1.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img2.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img3.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img4.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img5.jpg" width="600" height="400" alt=""></li> - <li><img src="../_shared/img/img6.jpg" width="600" height="400" alt=""></li> - </ul> - </div> - - <p class="photo-credits"> - Photos by <a href="http://www.mw-fotografie.de";>Marc Wiegelmann</a> - </p> - - <a data-jcarousel-control="true" data-target="-=1" href="#" class="jcarousel-control-prev">‹</a> - <a data-jcarousel-control="true" data-target="+=1" href="#" class="jcarousel-control-next">›</a> - </div> - </div> - - </body> -</html> http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/data-attributes/jcarousel.data-attributes.css ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/data-attributes/jcarousel.data-attributes.css b/docs/manual/bower_components/jcarousel/examples/data-attributes/jcarousel.data-attributes.css deleted file mode 100644 index fcabe38..0000000 --- a/docs/manual/bower_components/jcarousel/examples/data-attributes/jcarousel.data-attributes.css +++ /dev/null @@ -1,82 +0,0 @@ -.jcarousel-wrapper { - margin: 20px auto; - position: relative; - border: 10px solid #fff; - width: 600px; - height: 400px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - - -.jcarousel-wrapper .photo-credits { - position: absolute; - right: 15px; - bottom: 0; - font-size: 13px; - color: #fff; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.85); - opacity: .66; -} - -.jcarousel-wrapper .photo-credits a { - color: #fff; -} - -/** Carousel **/ - -.jcarousel { - position: relative; - overflow: hidden; -} - -.jcarousel ul { - width: 20000em; - position: relative; - list-style: none; - margin: 0; - padding: 0; -} - -.jcarousel li { - float: left; -} - -/** Carousel Controls **/ - -.jcarousel-control-prev, -.jcarousel-control-next { - position: absolute; - top: 200px; - width: 30px; - height: 30px; - text-align: center; - background: #4E443C; - color: #fff; - text-decoration: none; - text-shadow: 0 0 1px #000; - font: 24px/27px Arial, sans-serif; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - -.jcarousel-control-prev { - left: -50px; -} - -.jcarousel-control-next { - right: -50px; -} - -.jcarousel-control-prev:hover span, -.jcarousel-control-next:hover span { - display: block; -} http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/data-attributes/jcarousel.data-attributes.js ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/data-attributes/jcarousel.data-attributes.js b/docs/manual/bower_components/jcarousel/examples/data-attributes/jcarousel.data-attributes.js deleted file mode 100644 index 42cda40..0000000 --- a/docs/manual/bower_components/jcarousel/examples/data-attributes/jcarousel.data-attributes.js +++ /dev/null @@ -1,13 +0,0 @@ -(function($) { - $(function() { - $('[data-jcarousel]').each(function() { - var el = $(this); - el.jcarousel(el.data()); - }); - - $('[data-jcarousel-control]').each(function() { - var el = $(this); - el.jcarouselControl(el.data()); - }); - }); -})(jQuery); http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/responsive/index.html ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/responsive/index.html b/docs/manual/bower_components/jcarousel/examples/responsive/index.html deleted file mode 100644 index 1041ec7..0000000 --- a/docs/manual/bower_components/jcarousel/examples/responsive/index.html +++ /dev/null @@ -1,48 +0,0 @@ -<!doctype html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>Responsive Carousel - jCarousel Examples</title> - - <!-- Shared assets --> - <link rel="stylesheet" type="text/css" href="../_shared/css/style.css"> - - <!-- Example assets --> - <link rel="stylesheet" type="text/css" href="jcarousel.responsive.css"> - - <script type="text/javascript" src="../../libs/jquery/jquery.js"></script> - <script type="text/javascript" src="../../dist/jquery.jcarousel.min.js"></script> - - <script type="text/javascript" src="jcarousel.responsive.js"></script> - - </head> - <body> - - <div class="wrapper"> - <h1>Responsive Carousel</h1> - - - <p>This example shows how to implement a responsive carousel. Resize the browser window to see the effect.</p> - - <div class="jcarousel-wrapper"> - <div class="jcarousel"> - <ul> - <li><img src="../_shared/img/img1.jpg" alt="Image 1"></li> - <li><img src="../_shared/img/img2.jpg" alt="Image 2"></li> - <li><img src="../_shared/img/img3.jpg" alt="Image 3"></li> - <li><img src="../_shared/img/img4.jpg" alt="Image 4"></li> - <li><img src="../_shared/img/img5.jpg" alt="Image 5"></li> - <li><img src="../_shared/img/img6.jpg" alt="Image 6"></li> - </ul> - </div> - - <a href="#" class="jcarousel-control-prev">‹</a> - <a href="#" class="jcarousel-control-next">›</a> - - <p class="jcarousel-pagination"></p> - </div> - </div> - - </body> -</html> http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/responsive/jcarousel.responsive.css ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/responsive/jcarousel.responsive.css b/docs/manual/bower_components/jcarousel/examples/responsive/jcarousel.responsive.css deleted file mode 100644 index 6c23919..0000000 --- a/docs/manual/bower_components/jcarousel/examples/responsive/jcarousel.responsive.css +++ /dev/null @@ -1,117 +0,0 @@ -.jcarousel-wrapper { - margin: 20px auto; - position: relative; - border: 10px solid #fff; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - -/** Carousel **/ - -.jcarousel { - position: relative; - overflow: hidden; - width: 100%; -} - -.jcarousel ul { - width: 20000em; - position: relative; - list-style: none; - margin: 0; - padding: 0; -} - -.jcarousel li { - width: 200px; - float: left; - border: 1px solid #fff; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.jcarousel img { - display: block; - max-width: 100%; - height: auto !important; -} - -/** Carousel Controls **/ - -.jcarousel-control-prev, -.jcarousel-control-next { - position: absolute; - top: 50%; - margin-top: -15px; - width: 30px; - height: 30px; - text-align: center; - background: #4E443C; - color: #fff; - text-decoration: none; - text-shadow: 0 0 1px #000; - font: 24px/27px Arial, sans-serif; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; - -webkit-box-shadow: 0 0 4px #F0EFE7; - -moz-box-shadow: 0 0 4px #F0EFE7; - box-shadow: 0 0 4px #F0EFE7; -} - -.jcarousel-control-prev { - left: 15px; -} - -.jcarousel-control-next { - right: 15px; -} - -/** Carousel Pagination **/ - -.jcarousel-pagination { - position: absolute; - bottom: -40px; - left: 50%; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - margin: 0; -} - -.jcarousel-pagination a { - text-decoration: none; - display: inline-block; - - font-size: 11px; - height: 10px; - width: 10px; - line-height: 10px; - - background: #fff; - color: #4E443C; - border-radius: 10px; - text-indent: -9999px; - - margin-right: 7px; - - - -webkit-box-shadow: 0 0 2px #4E443C; - -moz-box-shadow: 0 0 2px #4E443C; - box-shadow: 0 0 2px #4E443C; -} - -.jcarousel-pagination a.active { - background: #4E443C; - color: #fff; - opacity: 1; - - -webkit-box-shadow: 0 0 2px #F0EFE7; - -moz-box-shadow: 0 0 2px #F0EFE7; - box-shadow: 0 0 2px #F0EFE7; -} http://git-wip-us.apache.org/repos/asf/incubator-predictionio/blob/602d0996/docs/manual/bower_components/jcarousel/examples/responsive/jcarousel.responsive.js ---------------------------------------------------------------------- diff --git a/docs/manual/bower_components/jcarousel/examples/responsive/jcarousel.responsive.js b/docs/manual/bower_components/jcarousel/examples/responsive/jcarousel.responsive.js deleted file mode 100644 index 3e78e51..0000000 --- a/docs/manual/bower_components/jcarousel/examples/responsive/jcarousel.responsive.js +++ /dev/null @@ -1,49 +0,0 @@ -(function($) { - $(function() { - var jcarousel = $('.jcarousel'); - - jcarousel - .on('jcarousel:reload jcarousel:create', function () { - var carousel = $(this), - width = carousel.innerWidth(); - - if (width >= 600) { - width = width / 3; - } else if (width >= 350) { - width = width / 2; - } - - carousel.jcarousel('items').css('width', Math.ceil(width) + 'px'); - }) - .jcarousel({ - wrap: 'circular' - }); - - $('.jcarousel-control-prev') - .jcarouselControl({ - target: '-=1' - }); - - $('.jcarousel-control-next') - .jcarouselControl({ - target: '+=1' - }); - - $('.jcarousel-pagination') - .on('jcarouselpagination:active', 'a', function() { - $(this).addClass('active'); - }) - .on('jcarouselpagination:inactive', 'a', function() { - $(this).removeClass('active'); - }) - .on('click', function(e) { - e.preventDefault(); - }) - .jcarouselPagination({ - perPage: 1, - item: function(page) { - return '<a href="#' + page + '">' + page + '</a>'; - } - }); - }); -})(jQuery);
