malsup / cycle2

2nd gen cycling
899 stars 239 forks source link

How to insert cycle2 in wordpress? #814

Open mortean opened 7 years ago

mortean commented 7 years ago

I want to use the effect, http://jquery.malsup.com/cycle2/demo/flip.php

Horizontal Flip <Div class = "cycle-slideshow"      Data-cycle-fx = flipHorz      Data-cycle-timeout = 2000      >                     </ Div>

No header.php inseri:

<?php wp_enqueue_script('jquery.cycle.all.js', '/wp-content/themes/powerclub-lite/js/jquery.cycle2.js', array('jquery')); wp_enqueue_script('jquery.cycle2.flip.js', '/wp-content/themes/powerclub-lite/js/jquery.cycle2.flip.js'); wp_head(); wp_enqueue_script('cycle6', '/wp-content/themes/powerclub-lite/js/cycle6.js'); wp_head(); ?>

I created the .js file: JQuery (document) .ready (function ($) {      $ ('# Gallery1'). Cycle ('zoom'); });

No html insert: JQuery (document) .ready (function ($) {$ ('# gallery1'). Cycle ('flipHorz'); });

In css:

Primeira FotoPrimeira Foto