2014-08-22 2 views
2

Использование flexslider для отображения изображений с помощью иконки со стрелками вправо и влево. Он отлично работает с левыми и правыми значками в моем приложении. Моя проблема в том, что когда у меня есть одно изображение, оно также показывает мне иконки слева и справа, которые не требуются в соответствии с запросом клиента. Не могли бы вы помочь мне.Flex Slider Левая и правая стрелка Ограничение

Вот FlexSlider код:

$(window).load(function(){ 
    $('.flexslider').flexslider({ 
     animation: "slide", 
     animationLoop: false, 
     itemWidth: 75, 
     itemMargin: 5, 
     reverse: false, 
     move:1, 
     slideshow: false, 
     controlNav: false, 
     directionNav: true, 
     prevText: "Previous", 
     nextText: "Next", 
     start: function(slider){ 
      $('body').removeClass('loading'); 
      $('.flexslider').resize(); 
     }, 
     end: function(slider){ 
      slider.flexAnimate(0); 
     } 
    }); 
}) 

Пожалуйста скажите мне изменения, где я должен измениться. Спасибо.

+0

Если по правой и левой иконки вы имеете в виду левая и правая стрелки навигации, то вы должны проверить с JavaScript или JQuery, сколько слайдов вы имеете и если slidesNumber == 1, то скройте навигационные стрелки. – onetwo12

+0

Или попробуйте следующее: '' 'allowOneSlide: {new} Boolean. Независимо от того, хотите ли вы, чтобы FlexSlider инициализировался, как обычно, если присутствует только один слайд. '' 'Документация Flexslider: https://github.com/woothemes/FlexSlider – onetwo12

ответ

2

Попробуйте использовать:

$('.flexslider').flexslider({ 
    animation: slide, 
    smoothHeight: true, 
    itemWidth: "100%", 
    slideshowSpeed: 6000, 
    pauseOnHover:true, 
    directionNav:true, 
    prevText: "Previous", 
    nextText: "Next", 
    start: function(slider){ 
     $('body').removeClass('loading'); 
     $('.flexslider').resize(); 
    }, 
    end: function(slider){ 
     slider.flexAnimate(0); 
    }  
}); 

Надежда, что помогает ..

+0

Не работает – NaniG

+0

То же, что я использовал, и это работая для меня. Именно по этой причине я дал вам это решение. Так как я проверил это на моей веб-странице. –

+0

Привет, Юнус, использую стрелки влево и вправо, а изображения - не значки. – NaniG

Смежные вопросы