Alexandre Magno alexanmtz

🎯

Focusing

Senior Software Engineer at Banking Circle in Copenhagen, open-source enthusiast, writer (Mobile First Bootstrap book by Packt publishing)

alexanmtz / triple_destaque_example.html

Created June 21, 2012 21:37

A example of markup of triple destaque

	<div id="multiple-slide-container" class="slides">
	<h2>Multiple slides example:</h2>
	<div class="triple-slides">
	<div class="item-triple triple-first-one">
	<a href="#">
	<div class="foreground-triple">
	<div class="overlay"></div>
	<div class="element icon"></div>
	<div class="element title">Michelle</div>
	</div>

alexanmtz / triple_destaque_example.js

Created June 21, 2012 21:36

A example of a triple destaque

	$('.triple-slides').each(function(index, el){
	$(this).destaque({
	slideMovement: 100,
	slideSpeed: 1000,
	elementSpeed: 1100,
	easingType: "easeInOutExpo",
	itemSelector: ".item-triple",
	itemForegroundElementSelector: ".foreground-triple .element",
	controlsSelector: "#slide-triple-pagination a"
	});

alexanmtz / simple_markup_destaque.html

Created June 21, 2012 21:32

A simple markup example of destaque plugin

	<div id="slide-container" class="slides">
	<div class="item first">
	<a href="#">
	<div class="foreground">
	<div class="overlay"></div>
	<div class="element icon"></div>
	<div class="element title">Aline Espíndola</div>
	<div class="element subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed lacus vel mi imperdiet mollis. Nulla at nisi quam, at porta magna.</div>
	</div>
	</a>

alexanmtz / simple_jquery_destaque.js

Created June 21, 2012 21:29

Simple example of destaque plugin

	$("#slide-container").destaque({
	slideMovement: 100,
	slideSpeed: 1000,
	elementSpeed: 1100,
	easingType: "easeInOutExpo",
	itemSelector: ".item",
	itemForegroundElementSelector: ".foreground .element",
	controlsSelector: "#slide-pagination a"
	});