Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/http/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 卡鲁弗雷塞尔过渡问题_Javascript_Jquery_Html_Css_Caroufredsel - Fatal编程技术网

Javascript 卡鲁弗雷塞尔过渡问题

Javascript 卡鲁弗雷塞尔过渡问题,javascript,jquery,html,css,caroufredsel,Javascript,Jquery,Html,Css,Caroufredsel,我正在使用CarouFredSel进行图像旋转传送,我在项目之间的转换方面遇到了问题 我想在旋转木马中使用一些简单的HTML,而不是普通的旧图像,但是当我这样做时,滑动转换不起作用。当旧图像滑出时,新图像将闪烁而不是滑入,您可以在图像之间短暂地看到背景 <div id="carousel"> <div> <img src="img/instagram1.png"> <div style="posi

我正在使用CarouFredSel进行图像旋转传送,我在项目之间的转换方面遇到了问题

我想在旋转木马中使用一些简单的HTML,而不是普通的旧图像,但是当我这样做时,滑动转换不起作用。当旧图像滑出时,新图像将闪烁而不是滑入,您可以在图像之间短暂地看到背景

<div id="carousel">         
    <div>
        <img src="img/instagram1.png">
        <div style="position:relative; z-index:100; bottom:20px;">Byline 1</div>
    </div>
    <div>
        <img src="img/instagram2.png">
        <div style="position:relative; z-index:100; bottom:20px;">Byline 2</div>
    </div>
</div><!-- /carousel -->

署名1
署名2

从中可以看出,过渡效果仅适用于图像,但在使用HTML时效果会变差。

事实证明,要解决此问题,只需在以下项目上应用左浮动:

#carousel div {
   display: block;
   float: left;
}