02 Dec 19 by Administrator 219

Events

Events are provided by Owl Carousel in strategic code locations. This gives you the ability to listen for any changes and perform your own actions.

var owl = $('.owl-carousel');
owl.owlCarousel();
// Listen to owl events:
owl.on('changed.owl.carousel', function(event) {
    ...
})

You could also trigger events by yourself to control Owl Carousel:

var owl = $('.owl-carousel');
owl.owlCarousel();
// Go to the next item
$('.customNextBtn').click(function() {
    owl.trigger('next.owl.carousel');
})
// Go to the previous item
$('.customPrevBtn').click(function() {
    // With optional speed parameter
    // Parameters has to be in square bracket '[]'
    owl.trigger('prev.owl.carousel', [300]);
})

Callbacks

Instead of attaching an event handler you can also just add a callback to the options of Owl Carousel.

$('.owl-carousel').owlCarousel({
    onDragged: callback
});
function callback(event) {
    ...
}

Data

Each event passes very useful information within the event object . Based on the example above:

function callback(event) {
    // Provided by the core
    var element   = event.target;         // DOM element, in this example .owl-carousel
    var name      = event.type;           // Name of the event, in this example dragged
    var namespace = event.namespace;      // Namespace of the event, in this example owl.carousel
    var items     = event.item.count;     // Number of items
    var item      = event.item.index;     // Position of the current item
    // Provided by the navigation plugin
    var pages     = event.page.count;     // Number of pages
    var page      = event.page.index;     // Position of the current page
    var size      = event.page.size;      // Number of items per page
}

Type: attachable
Callback: onInitialize

When the plugin initializes.


Type: attachable
Callback: onInitialized

When the plugin has initialized.


Type: attachable
Callback: onResize

When the plugin gets resized.


Type: attachable
Callback: onResized

When the plugin has resized.


Type: attachable, cancelable, triggerable
Callback: onRefresh
Parameter: [event, speed]

When the internal state of the plugin needs update.


Type: attachable
Callback: onRefreshed

When the internal state of the plugin has updated.


Type: attachable
Callback: onDrag

When the dragging of an item is started.


Type: attachable
Callback: onDragged

When the dragging of an item has finished.


Type: attachable
Callback: onTranslate

When the translation of the stage starts.


Type: attachable
Callback: onTranslated

When the translation of the stage has finished.


Type: attachable
Callback: onChange
Parameter: property

When a property is going to change its value.


Type: attachable
Callback: onChanged
Parameter: property

When a property has changed its value.


Type: triggerable
Parameter: [speed]

Goes to next item.


Type: triggerable
Parameter: [speed]

Goes to previous item.


Type: triggerable
Parameter: [position, speed]

Goes to position.


Type: triggerable

Destroys carousel.


Type: triggerable
Parameter: data

Removes current content and add a new one passed in the parameter.


Type: triggerable
Parameter: [data, position]

Adds a new item on a given position.


Type: triggerable
Parameter: position

Removes an item from a given position.


Lazy

load.owl.lazy

Type: attachable
Callback: onLoadLazy

When lazy image loads.


loaded.owl.lazy

Type: attachable
Callback: onLoadedLazy

When lazy image has loaded.


Autoplay

play.owl.autoplay

Type: triggerable
Parameter: [timeout, speed]

Runs autoplay.


stop.owl.autoplay

Type: triggerable

Stops autoplay.


Video

stop.owl.video

Type: attachable
Callback: onStopVideo

When video has unloaded.


play.owl.video

Type: attachable
Callback: onPlayVideo

When video has loaded.

Tags:

Share Post
02 Dec 19 by Administrator 235
16 May 20 by Administrator 63

JSON Import Export to MS SQL

07/07/2019 00:22:00 by Administrator 390
https://www.sqlshack.com/importexport-json-data-using-sql-server-2016/ For this update need database update to mssqlserver 2016 and there is update to base insert and view functions 

facebook sharing meta settings

03/10/2019 02:18:00 by Administrator 275
https://developers.facebook.com/docs/sharing/webmasters A Guide to Sharing for Webmasters This document describes how you optimize web-hosted content that people share to Facebook, regardles

Web safe fonts

24/08/2019 11:22:00 by Administrator 349
There are few web safe fonts which can be widely used in websites. Arial Helvetica Times New Roman Times Courier New Courier Verdana Georgia Palatino Garamond Bookman Comic Sans MS Treb

Navigator detect

06/04/2020 05:33:00 by Administrator 115
Navigation browser detect informationhttps://www.quirksmode.org/js/detect.htmlnavigator.vendorSub = navigator.productSub = 20030107navigator.vendor = Google Inc.navigator.maxTouchPoints = 0navigator.h

ismobile javascript code

14/04/2020 20:06:00 by Administrator 95
ismobile javascript code added to admin and master page at the top 

Youtube Channel Custom Url Requirements

28/11/2019 02:18:00 by Administrator 238
Custom URL eligibility To create a custom URL for your channel, your account needs to: Have 100 or more subscribers Be at least 30 days old Have an uploaded photo as a channel icon Have uploa

Address Generation on Postal Code

by 864
Search Post Office Details By PIN Code http://www.postalpincode.in/Search-By-PIN-Code

Database Update

03/01/2020 04:54:00 by Administrator 169
ALTER TABLE Item ADD ILink varchar(3500)ALTER TABLE Item ADD IDImages varchar(7000) ALTER TABLE generalsettings ADD GLink varchar(3500) GO ALTER VIEW [dbo].[vItem]ASSELECT i1.ILink,i1.CompanyId, i1

Database Update

01/01/2020 11:28:00 by Administrator 169
ALTER TABLE Account ADD ALink varchar(3500)GO ALTER VIEW [dbo].[vAccount]ASSELECT a1.CompanyId, a1.AccountId, a1.AccountTypeId, a1.ARoleIds, a1.PAccountId, a1.ACode, a1.OCode, a1.ATitle, a1.Gender, a

Adhvik go Online Google Analytics Code

by 372
<!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-112112940-1"></script><script>window.dataLayer = window.d