02 Dec 19 by Administrator 362

Options

List including all options from built-in plugins video, lazyload, autoheight and animate.

items

Type: Number
Default: 3

The number of items you want to see on the screen.


margin

Type: Number
Default: 0

margin-right(px) on item.


loop

Type: Boolean
Default: false

Infinity loop. Duplicate last and first items to get loop illusion.


center

Type: Boolean
Default: false

Center item. Works well with even an odd number of items.


mouseDrag

Type: Boolean
Default: true

Mouse drag enabled.


touchDrag

Type: Boolean
Default: true

Touch drag enabled.


pullDrag

Type: Boolean
Default: true

Stage pull to edge.


freeDrag

Type: Boolean
Default: false

Item pull to edge.


stagePadding

Type: Number
Default: 0

Padding left and right on stage (can see neighbours).


merge

Type: Boolean
Default: false

Merge items. Looking for data-merge='{number}' inside item..


mergeFit

Type: Boolean
Default: true

Fit merged items if screen is smaller than items value.


autoWidth

Type: Boolean
Default: false

Set non grid content. Try using width style on divs.


startPosition

Type: Number/String
Default: 0

Start position or URL Hash string like '#id'.


URLhashListener

Type: Boolean
Default: false

Listen to url hash changes. data-hash on items is required.


Type: Boolean
Default: false

Show next/prev buttons.


rewind

Type: Boolean
Default: true

Go backwards when the boundary has reached.


Type: Array
Default: ['next','prev']

HTML allowed.


Type: String
Default: div

DOM element type for a single directional navigation link.


slideBy

Type: Number/String
Default: 1

Navigation slide by x. 'page' string can be set to slide by page.


slideTransition

Type: String
Default: ``

You can define the transition for the stage you want to use eg. linear.


dots

Type: Boolean
Default: true

Show dots navigation.


dotsEach

Type: Number/Boolean
Default: false

Show dots each x item.


dotsData

Type: Boolean
Default: false

Used by data-dot content.


lazyLoad

Type: Boolean
Default: false

Lazy load images. data-src and data-src-retina for highres. Also load images into background inline style if element is not <img>


lazyLoadEager

Type: Number
Default: 0

Eagerly pre-loads images to the right (and left when loop is enabled) based on how many items you want to preload.


autoplay

Type: Boolean
Default: false

Autoplay.


autoplayTimeout

Type: Number
Default: 5000

Autoplay interval timeout.


autoplayHoverPause

Type: Boolean
Default: false

Pause on mouse hover.


smartSpeed

Type: Number
Default: 250

Speed Calculate. More info to come..


fluidSpeed

Type: Boolean
Default: Number

Speed Calculate. More info to come..


autoplaySpeed

Type: Number/Boolean
Default: false

autoplay speed.


Type: Number/Boolean
Default: false

Navigation speed.


dotsSpeed

Type: Boolean
Default: Number/Boolean

Pagination speed.


dragEndSpeed

Type: Number/Boolean
Default: false

Drag end speed.


callbacks

Type: Boolean
Default: true

Enable callback events.


responsive

Type: Object
Default: empty object

Object containing responsive options. Can be set to false to remove responsive capabilities.


responsiveRefreshRate

Type: Number
Default: 200

Responsive refresh rate.


responsiveBaseElement

Type: DOM element
Default: window

Set on any DOM element. If you care about non responsive browser (like ie8) then use it on main wrapper. This will prevent from crazy resizing.


video

Type: Boolean
Default: false

Enable fetching YouTube/Vimeo/Vzaar videos.


videoHeight

Type: Number/Boolean
Default: false

Set height for videos.


videoWidth

Type: Number/Boolean
Default: false

Set width for videos.


animateOut

Type: String/Boolean
Default: false

Class for CSS3 animation out.


animateIn

Type: String/Boolean
Default: false

Class for CSS3 animation in.


fallbackEasing

Type: String
Default: swing

Easing for CSS2 $.animate.


info

Type: Function
Default: false

Callback to retrieve basic information (current item/pages/widths). Info function second parameter is Owl DOM object reference.


nestedItemSelector

Type: String/Class
Default: false

Use it if owl items are deep nested inside some generated content. E.g 'youritem'. Dont use dot before class name.


itemElement

Type: String
Default: div

DOM element type for owl-item.


stageElement

Type: String
Default: div

DOM element type for owl-stage.


Type: String/Class/ID/Boolean
Default: false

Set your own container for nav.


dotsContainer

Type: String/Class/ID/Boolean
Default: false

Set your own container for nav.


checkVisible

Type: Boolean
Default: true

If you know the carousel will always be visible you can set `checkVisibility` to `false` to prevent the expensive browser layout forced reflow the $element.is(':visible') does.

Tags:

Share Post
Css 02 Dec 19 by Administrator 303
16 May 20 by Administrator 204

Simplcity Global Services Google Analytics Code

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

JSON Import Export to MS SQL

07/07/2019 00:22:00 by Administrator 517
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 

jQuery Selector

by 477
Selector Example Selects * $("*") All elements #id $("#lastname") The element with id="lastname" .class $(".intro") All elements with class="intro" .class,.class $(".intro

Database Update

01/01/2020 11:28:00 by Administrator 293
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

New Portal Image Dimension

15/09/2019 13:37:00 by Administrator 399
For every news portal use dimension as 100, 480, 800 Approximage Image Sizes  : 2.8, 36.3, 83 Total: 140 kb for single news use 800 for multiple news use 480 and for thumb and lazy load us

thefire data migration to new program

02/10/2019 01:26:00 by Administrator 414
insert into posts select companyid, ptypeid, postid, langid, lpostid1,lpostid2,plink, forid, ppostid,ptitle,pshort,pfull,postedby,metakey,metadescription,metadata,sortorder,postdate,postrate,totalview

Animation.css Effects

02/12/2019 04:49:00 by Administrator 303
Animations To animate an element, add the class animated to an element. You can include the class infinite for an infinite loop. Finally you need to add one of the following class

ismobile javascript code

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

Multi Select Dropdown Code

by 1150
import { enableRipple } from '@syncfusion/ej2-base'; enableRipple(true); /** * DropDownList Template Sample */ import { MultiSelect } from '@syncfusion/ej2-dropdowns'; let dataSource: { [ke

Owl Options

02/12/2019 05:29:00 by Administrator 363
Options List including all options from built-in plugins video, lazyload, autoheight and animate. items Type: NumberDefault: 3 The number of items you want to see on the screen. m