Flexslider轮播/ Fancybox图像消失(Flexslider carousel / Fancybox images disappearing)
我有一个flexslider轮播设置,每个图像周围都有一个链接,可以在fancybox中使用以下代码启动:
<div class="flexslider"> <ul class="slides"> <?php foreach( $images as $image ): ?> <li> <a class="fancybox" href="<?php echo $image['sizes']['large']; ?>" rel="gallery"> <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" /> </a> </li> <?php endforeach; ?> </ul> </div> <script type="text/javascript"> $(window).load(function() { $('.flexslider').flexslider({ animation: "slide", animationLoop: true, itemWidth: 135, itemMargin: 0, minItems: 5, maxItems: 5, directionNav: true, controlNav: false, slideshow: false }); }); $("a.fancybox").fancybox({ helpers : { overlay : { locked : false } } }); </script>灯箱正确加载并且轮播功能正常,但在Firefox中关闭灯箱时,所有列表项(或图像)都会被隐藏,直到再次点击为止。 从我所知道的,它在Chrome中运行良好。 有什么想法吗?
I have a flexslider carousel setup with a link around each image to launch in fancybox with the following code:
<div class="flexslider"> <ul class="slides"> <?php foreach( $images as $image ): ?> <li> <a class="fancybox" href="<?php echo $image['sizes']['large']; ?>" rel="gallery"> <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" /> </a> </li> <?php endforeach; ?> </ul> </div> <script type="text/javascript"> $(window).load(function() { $('.flexslider').flexslider({ animation: "slide", animationLoop: true, itemWidth: 135, itemMargin: 0, minItems: 5, maxItems: 5, directionNav: true, controlNav: false, slideshow: false }); }); $("a.fancybox").fancybox({ helpers : { overlay : { locked : false } } }); </script>The lightbox loads correctly and carousel functions fine, but when closing the lightbox in Firefox, all of the list items (or images) get hidden until clicked on again. It works fine in Chrome from what I can tell. Any thoughts?
最满意答案
通过添加以下内容修复:
.flexslider .slides li { backface-visibility:hidden; }Fixed by adding the following:
.flexslider .slides li { backface-visibility:hidden; }更多推荐
发布评论