alexanmtz

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

alexanmtz

<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

$('.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

<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

<?php get_header(); ?>
<!--  main content -->
<div class="main-content grid_16">
  <div class="grid_12">
	<h2>Eventos</h2>
	<div id="wp-agenda-calendar"></div>
  </div>
</div>
<?php get_footer(); ?>

alexanmtz

$(function(){
                $('.live-pagination').hide();
                $('.custom-init').submit(function(e){
                  
                  var items = $('.option-item').val();
                  var autoHeight = $('.option-autoHeight').val();
                  var currentPage = $('.option-currentPage').val();
                  

                  var element = $('.slide-live-example').sliding({

alexanmtz

<form class="well custom-init">
                <label for="option">Items</label>
                <input type="text" placeholder="items to display" class="input-medium option-item" name="option-item">
                
                <label for="option">Current page</label>
                <input type="text" placeholder="default is 1" class="input-medium option-currentPage" name="option-currentPage">
                
                
                <label for="option-autoHeight">autoHeight</label>
                <select class="option-autoHeight" name="option-autoHeight">

alexanmtz

 $('element').sliding({
    items: 4,
    url: url,
    urlFormat: '{url}/page/{page}/',
    next: nextLink,
    prev: prevLink,
    disabledClass: 'disabled',
    speed: 500,
    onAppend: function(data) {
       // data is { total_pages: 2, html: 'content' }

alexanmtz

$('.triple-slides').destaquesQueue({
   delay: 250,
   // same options that destaque plugin but for multiple elements queue, the pagination handler and mouse interactions will control all slides as single to have the desired effect
   controlsSelector: "#slide-triple-pagination a",
   stopOnMouseOver: true,
   slideMovement: 100,
   slideSpeed: 1000,
   autoSlideDelay: 3000,
   elementSpeed: 1100,
   easingType: "easeInOutExpo",

alexanmtz

// Metodo para validar se a pessoa tem mais de 18 anos, ela serve para ilustrar como usar o addMethod para criar qualquer regra de validação

jQuery.validator.addMethod("minAge", function(value, element, params) {
return this.optional(element) || value > params;
}, "Você precisa ter mais de 18 anos.");