attachment的图片在弹出窗口中用carousel展示的问题

hbyczg

jishuang 发表于 2016-12-2 10:52
只需要我发的

我的carousel定义
<div component="$UI/system/components/bootstrap/carousel/carousel" class="x-carousel" xid="carousel1" auto="true">
   <ol class="carousel-indicators" xid="ol1"></ol>
   <div role="listbox" component="$UI/system/components/justep/contents/contents" active="0" slidable="true" wrap="true" swipe="true" routable="false" xid="contents1" class="x-contents " style="height:100%;">
    </div>
   <a class="left carousel-control" role="button" xid="a1">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" xid="span1"></span>
    <span class="sr-only" xid="span2">Previous</span></a>
   <a class="right carousel-control" role="button" xid="a2">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true" xid="span3"></span>
    <span class="sr-only" xid="span4">Next</span></a> </div></div>
图片添加JS
carousel.add('<img src="' + url + '" /> ');

CSS

.carousel1-inner {
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 60%;
        margin-left: -30%;
        padding-left: 0;
        list-style: none;
        text-align: center
}


但如下图，图片没有居中，请帮我看下问题出在那儿？

jishuang

代码就是12楼的样式就是18楼的，本地测试没问题

如果不行就自己调样式，这个完全是css样式控制的

wjjs2008

我也在做这个显示功能，但是遇到的问题是第一次点开是一个白屏，再拖动一下就出来第一张照片，可能是什么原因？

jishuang

http://bbs.wex5.com/forum.php?mo ... 10266&pid=165334143

默认的有一个content，如果这个content没有设置图片，可以把这个content删除

hbyczg

我已整理后放入http://bbs.wex5.com/forum.php?mo ... extra=#pid165343440分享，请结贴。非常感谢jishuang的耐心指导。