1

所以我在模态框内有一个轮播……轮播在图像中循环播放，但我在里面有一个视频，所以当我看到视频时，尺寸会发生变化。
但是，当模态/轮播从图片中获取视频时（反之亦然），它的大小调整非常笨拙。我想要尺寸之间的平滑过渡。任何人都可以帮助我们无法以像素为单位定义尺寸，因为这必须适用于各种尺寸

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                    <h3 id="myModalLabel">So, Why Are We The Best?</h3>
                </div>
                <div class="modal-body">
                    <div id="myCarousel" class="carousel slide carousel-fade">
                        <!-- Carousel items -->
                        <div class="carousel-inner">
                        <div class="active item">
                            <div class="video">
                                <iframe src="https://www.facebook.com/video/embed?video_id=640177702674225"></iframe>
                                </div>
                                <hr></hr>
                                <p>Description</p>
                            </div>
                            <div class="item">
                                <img src="img/Comp_1.jpg">
                                <hr></hr>
                                <p>Description</p>
                            </div>
                            <div class="item">
                                <img src="img/Comp_2.jpg">
                                <hr></hr>
                                <p>Description</p>
                            </div>
                            <div class="item">
                                <img src="img/Comp_3.jpg">
                                <hr></hr>
                                <p>Description</p>
                            </div>

                        </div>
                        <!-- Carousel nav -->
                        <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                        <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                    </div>


                </div>
            </div>
4

1 回答 1

0

检查这个bootstrap-modal-carousel这可能会有所帮助

于 2014-01-09T14:51:02.383 回答