jaffarc / carrosselniced

Carrosselniced V.0.4

Carrossel and Slider create dinamic

• Created 08/03/2016
• Update 04/05/2016

Requires

• sass http://sass-lang.com/install
• BASE (Using)
• [VTEX] jQuery v.1.8 - Recommended jQuery v.1.11.3
• Font-Awesome //fortawesome.github.io/Font-Awesome

RUN sass

npm run sass

MOD

• For client [Vino Italia]
• Developed in [TOPDEALS - Negócios e Ideias]

Courtesy

• WIZARD FLY
• http://wizardfly.com.br
• I T I S T H E G R E A T E ( w ) I Z A R D W H O F L I E S -

H T M L Structure

	<div class="full">//GRID responsive
		<div class="carrosselniced"> // data*attr - more [## CONFIG ##]
			<div class="block">
				<ul class="content">
					<li>
						CONTENT - list 01
					</li>
					<li>
						CONTENT - list 02
					</li>
					<li>
						CONTENT - list 03
					</li>
				</ul>
			</div>
		</div>

C O N F I G use data-attr in html

data-view="[number]" // amount list display
data-auto="[boolean]" // automatic animate next (true|false)
data-nav="[boolean]" // create buttons navigation (true|false)
data-bullet="[boolean]" // create bullets navigation (true|false)
data-left="[string]" // 'fontawesome' icon left 'prev' name ex:(fa fa-arrow-circle-o-left)
data-left="[string]" // 'fontawesome' icon right 'next' name ex:(fa fa-arrow-circle-o-right)
data-delay="[number]" // delay seTimeout interval (2500)
data-transition="[number]" // animate speed (650),
data-effect="[boolean]" // enable effects css array (true|false)
data-caption="[boolean]" // enable caption in bullet (true|false)
data-grid="[string]" // responsive grid full (class)
data-responsa="[object]" // responsive values ("viewport":amount) ex:{"890":3,"650":2,"460":1}

NOTE

automatic DELETE ".helperComplement" for vtex plataform in DIV ".carrosselniced"

License

[MIT License] © - Adonis Vieira - Analist Front End

• Hey this Free Cultural Works, Libre Niced!