KevinBatdorf / liquidslider

A Responsive jQuery Content Slider
161 stars 62 forks source link

mobileNavigation Problem #145

Closed ghost closed 9 years ago

ghost commented 10 years ago

Hi, liquidslider is ausome but I have a little problem and that is: when I put mobileNavigation: true, the slider stops working and becomes a rigid div AND the content disapears. here is my setting:

$('#slider-id').liquidSlider({
  autoSlide:          true,
  autoSlideInterval: 6000,
  forceAutoSlide: true,
  autoHeight: false,
  dynamicTabs: true, //The slider will automatically create tabs if this is true.
  dynamicArrows: true,
  dynamicArrowsGraphical: false,
  dynamicTabsPosition: "bottom",
  includeTitle: false,
  mobileNavigation: false,
  dynamicArrowLeftText: "",
  dynamicArrowRightText: "",
  pauseOnHover: false,
  continuous: true,
  hideSideArrows: false, // You can set this to true and when on the first or last slide the first or last arrow will fade out. You should also set continuous to false unless you are using autoslide.
  hideSideArrowsDuration: 750, // You can adjust the speed at which the arrows fade out.
  hoverArrows: true, // The arrows only show when someone hovers over the slider. If you want them to always show, set this to false.
  hoverArrowDuration: 250, // You can adjust the speed at which the arrows fade out.
  slideEaseFunction:"fade",//'animate.css',
  // slideEaseDuration:1000,
  heightEaseDuration:1000,
  //animateIn:"fadeIn",
  //animateOut:"fadeOut",
  fadeInDuration: 200,
  fadeOutDuration: 500,
  callback: function() {
    var self = this;
    $('.slider-id-panel').each(function() {
      $(this).removeClass('animated ' + self.options.animateIn);
    });
  },
});

HOWEVER I've figured out that if I put dynamicArrowsGraphical: true, instead of false it WORKS just fine but I wan to use font icons for navigation arrows and I should put it to false so......... I don'nt know what to do?

KevinBatdorf commented 10 years ago

I'll try to find some time to look into this, but you could use the graphical arrows and use the font icons as well. Just use the :before psuedo class and set the content appropriately.

KevinBatdorf commented 10 years ago

This should be fixed now if you want to try it again. let me know.