Insert jquery cycle 2 in wordpress

Question

Insert jquery cycle 2 in wordpress

Navigation

#1 by (0 votes)
#2 by (0 votes)

0

<!--cycle6-->

<?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();
?>

.galeria1 {width: 50%}
.galeria1  img {width: 100%; Altura: auto}

<!-- inicio jq cycle body -->
<div style="" id="galeria1"> <img style="position: absolute; top: 0px; left: 0px; display: block; z-index: 5; opacity: 1;" src="http://localhost/academia/wp-content/uploads/2017/06/home_historia_1-min-1.png"alt="Primeira Foto" /><img style="position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1;" src="http://localhost/academia/wp-content/uploads/2017/06/home_matematica_3-min-1.png"alt="Primeira Foto" /></div>

<!-- fim jq cycle body →

I was able to insert jquery cycle 1 in wordpress normally, but with cycle2, I'm trying to get the days, I've searched a lot and nothing, so I'm asking for help.

jquery wordpress

asked by anonymous 30.06.2017 / 01:46

2 answers

Sum with inner join Oracle C # - Passing data between Windows Form using ListView

score 0 · Answer 1

Initially, enter in the form of HTML to see what is going wrong. Do this in the header.php of your template. See:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><scriptsrc="/wp-content/themes/powerclub-lite/js/jquery.cycle2.js"></script>

<script src="/wp-content/themes/powerclub-lite/js/jquery.cycle2.flip.js"></script>

score 0 · Answer 2

I was able to do the following:

<!--no header.php do tema-->

<script src="http://malsup.github.io/jquery.cycle2.js"></script><scriptsrc="http://malsup.github.io/jquery.cycle2.flip.js"></script>

<div class="cycle-slideshow" 
    data-cycle-fx=flipHorz
    data-cycle-timeout=2000
    >
    <img src="http://malsup.github.io/images/p1.jpg"/><imgsrc="http://malsup.github.io/images/p2.jpg"/>
    <img src="http://malsup.github.io/images/p3.jpg"/><imgsrc="http://malsup.github.io/images/p4.jpg"/>
</div>