Flexslider inside Flexslider

Asked Oct 13 '14 at 09:26

Active Oct 13 '14 at 09:26

Viewed 432 times

I'm trying to render various Flexsliders inside another Flexslider in a wordpress page. This is the jquery so far:

jQuery(function ($) {
    $(window).load(function() { 
          $('#vert').flexslider({
             animation: "fade",
             useCSS: true, 
             pauseOnHover: false,
             touch: true, 
             slideshow: false,
             namespace: "gal-",
             selector: '.slides:first > li',
            }); 
      });
})

jQuery(function ($) {
    $(window).load(function() { 
          $('#defgal').flexslider({
             animation: "fade",
             useCSS: true, 
             pauseOnHover: false,
             touch: true, 
             selector: '.slides:first > li',
            }); 
      });
})

Also,the "slide" animation neither the "vertical" direction work, and options for the parent gallery applies to the children ones, such us the "false" slideshow.

Any tips?

It's a local installation, no url available.

Thank you in advance.

asked Oct 13 '14 at 09:26

Juárez

Why are you calling jQuery LOAD inside ready? And why are you calling them 2 times? – Bojan Petkovski Oct 13 '14 at 09:27
Check this out http://stackoverflow.com/questions/14770351/woothemes-flexslider-one-unique-flexslider-inside-another-flexslider-is-it-p – Bojan Petkovski Oct 13 '14 at 09:31
I already checked that post and added the selector option that it fixed some stuff. – Juárez Oct 13 '14 at 09:50
I added the code on that post but still doesnt work – Juárez Oct 13 '14 at 09:51
Can you make a fiddle? – Bojan Petkovski Oct 13 '14 at 10:07
You have an error on the page Uncaught ReferenceError: jQuery is not defined :) – Bojan Petkovski Oct 13 '14 at 11:43
oops i uploaded the local route, now it should work – Juárez Oct 13 '14 at 11:50

Flexslider inside Flexslider

0 Answers0