Jquery Cycle插件 - 在中心显示图像

时间:2014-01-12 15:12:53

标签: jquery jquery-cycle

我指的是关于堆栈溢出的许多问题,以便在centre上显示图像。但我无法做到这一点。

我的HTML:

<section class="graphics_container slides_container" style="position: relative;margin: 0 auto;">
<img id="128" src="https://fadsf.s3.amazonaws.com/md128.jpg" alt="sfdws" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 4; opacity: 0; margin-left: 0px; margin:0 auto;   ">                                                               <img id="127" src="https://testingsdfafandroidtj.s3.amazonaws.com/md127.jpg" alt="sdfsf" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 4; margin-left: 0px; opacity: 0;">
</section>

我的Js:

 $('.slides_container').cycle({ 
    fx:     'fade', 
    speed:  'slow', 
    timeout: 0, 
     slideResize: 0 ,
     containerResize: 0,
    after: function(curr, next, opts) {          
    callGalleryDetails($(next).attr('id'));
    $('.number').html(opts.currSlide + 1  +"/"+opts.slideCount) ;
         },
    next:   '.slides-right', 
    prev:   '.slides-left' ,
    center : 1,
    fit: 0,
    startingSlide: $('#starting_index').val(),
    slideExpr: 'img'
});

但是静止图像会显示在左下角。 Cycle plugin应用margin-left:0px;对所有的图像。任何人都建议如何解决这个问题?

0 个答案:

没有答案