flexslider

FlexSlider Auto Height still leaving a space below slider

由 时间秒杀一切 提交于 2019-12-11 07:04:03
问题 I have auto height on my flexslider and its still leaving a space below it. I have applied a background colour to the slider and it is using auto height and moving up and down but it seems like the slider is taking the biggest photo and keeping the slider at that height. Any help would be great! You can see the page live here: http://therichmondhillgallery.com/index.php/shows/bruce-yardley/ This is my html: <div id="carousel" class="flexslider"> <ul class="slides"> <li class="slide"> <img src

Flexslider full height and width

由 夙愿已清 提交于 2019-12-11 06:55:36
问题 I am searching how I can make my flexslider the full height and width of my browser. When I resize the browser to a larger format, the images will scale, but when I make the browser smaller, than at some point there will be a lot of space at the bottom. How can I fix this. I use the most simple setup for my flex slider. Thank you. Casper 回答1: You can use background images and background cover to FIT or FILL the images. In my case, it was something like this to overwrite the flexslider CSS:

Slider for product thumbnails in WooCommerce

由 Deadly 提交于 2019-12-11 02:56:16
问题 I've built an own theme for my WooCommerce store. At the moment I've made very few changes to the existing template files. But I want to change the view of the image slider on the product page. At the moment, I'm using the basic output with some basic styling. The problem is, that the thumbnails are shown in multiple rows if there are not fitting in a single row. What I need, is a slider for the thumbnails. I tried to change the template file product-thumbnails.php . But it uses a function

GIF slider in flexslider, how to begin the gif only when on slider

由 筅森魡賤 提交于 2019-12-10 18:22:59
问题 Right now I have a flexslider with four slides. The third slider is a gif rather than a jpg like the others. The issue I am having is that this third gif slider apparently starts immediately when the page is reached as opposed to when you actually get to that slider. By the time one clicks through the first two sliders, the gif is just about finished. Anyone have any idea as to how I would begin a GIF only when one reaches that slider? 回答1: I finally found the solution for you after one hour

Automatically resize image to fit Flex Slider

由 别等时光非礼了梦想. 提交于 2019-12-10 13:09:36
问题 I am learning how to use Flex Slider to make image sliders and carousels. However, Flex only seems to be good when all the images are of the exact same width and height. The problem can be seen in the following website: https://dl.dropboxusercontent.com/u/785815/bastion/index.html The images are quite big, so please be patient while loading. My test website includes several images, with different width and height. To fix this I have to re-size them to have the same width and height, and I

Navigation arrows in Woocommerce 3.x product gallery slider

由 泪湿孤枕 提交于 2019-12-10 10:32:16
问题 Has anyone been able to add navigation arrows for Next/Prev slides in the new woocommerce slider? The thumbnail navigation particularly on mobile/table is great, but having arrows as well for desktop users would be a dream! Arrows on the main product image are preferred over the lightbox. You will understand why on our site: http://52.56.199.58/collection/bedroom/giorgetti-syn-bedside-table/ Would seem an easy and obvious option that Woocommerce has forgotten. Any help or guidance would be

AngularJS only shows last Element in ng-repeat

由 梦想与她 提交于 2019-12-10 10:05:25
问题 I've got a strange behaviour using flexslider to render a bunch of galleries. As shown below I've got an array of several objects that conclude an array of images. When I "render" the galleries, all galleries appear but only the last one shows its images. On all galleries the indicator for the number of images in that particular, as well as the title and link, are correct, but the images are missing. Do I do something(/a lot) wrong here? Here is my code: $scope.galleries = [{title: 'gallery1'

how do i stop auto sliding in my flexslider

由 旧时模样 提交于 2019-12-09 02:16:45
问题 do anybody know how to stop auto sliding in a flex slider. as i have loaded that slider in my mobile web page. when the page is opened it slides to the next image without any slide or tap event. so please help me to stop this auto slide transition. and make it work only when a screen is tapped or slided. thanks in advance. here is my code.. <script type="text/javascript" charset="utf-8"> $(window).load(function() { $('.flexslider').flexslider(); }); </script> <div class="flexslider"> <ul

Flexslider - advance to next slide via on click

由 痞子三分冷 提交于 2019-12-08 18:53:30
hoping someone can help me with a Flexslider question. Here's a link to the slider: http://www.findspace.co.uk/FINDSPACE2014/pages/3bed_biddrdb.html I would really like to add an onlick function so that users can click on the current main large image and advance to the next slide. I don't mind if the directional arrows need to come off to achieve this. I guess it would need to also go back to the initial slide at the end of the sequence. Any help would be really appreciated. Antony This is how you do it $('.flexslider').flexslider({ directionNav : false, slideshow: false, animation: "slide",

Flexslider - advance to next slide via on click

由 与世无争的帅哥 提交于 2019-12-08 05:36:12
问题 hoping someone can help me with a Flexslider question. Here's a link to the slider: http://www.findspace.co.uk/FINDSPACE2014/pages/3bed_biddrdb.html I would really like to add an onlick function so that users can click on the current main large image and advance to the next slide. I don't mind if the directional arrows need to come off to achieve this. I guess it would need to also go back to the initial slide at the end of the sequence. Any help would be really appreciated. Antony 回答1: This
订阅 flexslider