[solved] using flexslider with multiple slides

1,613 Posts

fourroses666 Reply #1, 14 years, 3 months ago

I want to show a portfolio with flexslider and want to preview several sliders on one page.

When i follow instructions on their website it doesnt work.
Does anyone knows what i need to do to get it working?

This code should be working :
http://www.woothemes.com/flexslider/


<script type='text/javascript' charset='utf-8'>
  $(window).load(function() {
    $('#main-slider').flexslider({
      animation: 'slide',
      controlsContainer: '.flex-container'
    });
 
    $('#secondary-slider').flexslider();
  });
</script>
 


<div id='main-slider' class='flexslider'>
  <ul class='slides'>
        <li><img src='http://i00.i.aliimg.com/img/pb/951/248/411/411248951_991.jpg' /></li>
        <li><img src='http://espn.go.com/i/eticket/20070515/photos/etick_on_08.jpg' /></li>
        <li><img src='http://www.pizzapartyweekend.com/pizza.jpg' /></li>
        <li><img src='http://espn.go.com/i/eticket/20070515/photos/etick_on_08.jpg' /></li>
  </ul>
</div>



<div id='secondary-slider' class='flexslider'>
  <ul class='slides'>
        <li><img src='http://images.forum-auto.com/mesimages/651885/Noir%20Fantome.png' /></li>
        <li><img src='http://www.pizzapartyweekend.com/pizza.jpg' /></li>
        <li><img src='http://espn.go.com/i/eticket/20070515/photos/etick_on_08.jpg' /></li>
        <li><img src='http://i00.i.aliimg.com/img/pb/951/248/411/411248951_991.jpg' /></li>
  </ul>
</div>

[ed. note: fourroses666 last edited this post 14 years, 3 months ago.]

Evolution user, I like the back-end speed and simplicity

131 Posts

alyainec Reply #2, 14 years, 3 months ago

Hi fourroses666 ,

Did you have already this on your template:

<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>

Please check also your exact path where you js location. [ed. note: alyainec last edited this post 14 years, 3 months ago.]

1,613 Posts

fourroses666 Reply #3, 14 years, 3 months ago

Yea I did.
It was working but not correct, weird things happened.

I got it working now, i picked the flexslider(2) basic demopage and placed the slider and part of js and now it does work!

The source looks very different when i look at some old version i used (and stripped) on a other site.

Thanks for ur reply.

Evolution user, I like the back-end speed and simplicity

131 Posts

alyainec Reply #4, 14 years, 3 months ago

Im glad its working now.