-2
我需要幫助,以更改同一輪播中的兩個div內容。下面是圖片,我用紅色標記了內容,當我點擊右側或左側旋轉木馬按鈕時,我希望它改變。如何更改輪播中的兩個Div內容
https://jsfiddle.net/austinpeter/cg7hqk0n/
<div class="col-md-12 ourworkInfo" style="position:relative;text-align:center;height:calc(100% - 142px);overflow: hidden; display:none">
<div class="col-md-12" style="padding:0">
<div style="background:#66DBFF;height:50px;position:relative;padding:0;">
<div class="col-md-4">
<div id="ourWorkcarousel" class="carousel slidec" data-interval="false" data-ride="carousel" style="width: 50%;padding-left: 50px;padding-right: 50px;height:50px">
<div class="carousel-inner" role="listbox" style="height:50px">
<div class="item active" style="top:10px">
Infographics
</div>
<div class="item">
Interactive<br />
Infographics
</div>
<div class="item">
Motion<br />
Graphics
</div>
</div>
<a class="left carousel-control cleft" href="#ourWorkcarousel" role="button" data-slide="prev" style="position:absolute;left:0">
<span aria-hidden="true">
<img src="assets/imgs/left_arrow.png" style="width:25px;" />
</span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control cright" href="#ourWorkcarousel" role="button" data-slide="next">
<span aria-hidden="true"><img src="assets/imgs/right_arrow.png" style="width:25px;" /></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="col-md-4"></div>
<div class="col-md-4">
<span>
<img src="assets/imgs/close.png" style="width:25px;vertical-align:central;top: 10px; position: relative;right:20px;" class="pull-right" onclick="CloseourWork()" />
</span>
</div>
</div>
</div>
<div class="col-md-12" style="position:relative;height:475px;overflow:hidden;top:10px">
<div class="col-lg-12">
<div class="col-lg-8">
<div class="row">
<div class="col-md-6" style="padding-right:5px;overflow:hidden;">
<div class="ig-im-1" style="height:225px;position:relative;">
<div class="ig-tri-1"></div>
<img src="assets/imgs/ig1.png" class="grayscale" style="overflow:hidden;top:0;left:0; position: absolute;width:100%" />
<div class="ig-im-1-txt">
Pies, charts, and information made<br />interactive, montes nascetur ridiculus<br />mus.
</div>
</div>
</div>
<div class="col-md-6" style="padding-right:5px;overflow:hidden;">
<div class="ig-im-2" style="height:225px;position:relative">
<div class="ig-tri-2">
</div>
<img src="assets/imgs/ig1.png" class="grayscale" style="overflow:hidden; top:0;left:0; position: absolute;width:100%" />
<div class="ig-im-2-txt">
Pies, charts, and information made<br />interactive, montes nascetur ridiculus<br />mus.
</div>
</div>
</div>
</div>
<div class="row" style="position:relative;top:10px">
<div class="col-md-12" style="padding-right:5px;overflow:hidden;">
<div class="ig-im-3" style="height:225px;position:relative;">
<div class="ig-tri-3"></div>
<img src="assets/imgs/ig3.png" class="grayscale" style="overflow:hidden; top:0;left:0; position: absolute;width:100%" />
<div class="ig-im-3-txt">
Pies, charts, and information made<br />interactive, montes nascetur ridiculus<br />mus.
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4" style="padding-left:0;overflow: hidden; height: 460px;position: relative; left: 10px; width: 32%;">
<div class="ig-im-4" style="height:475px; padding-left: 0; ">
<div class="ig-tri-4"></div>
<img src="assets/imgs/ig4.png" class="grayscale" style="overflow:hidden; top:0;left:0; position: absolute; width:100%" />
<div class="ig-im-4-txt">
Pies, charts, and information made<br />interactive, montes nascetur ridiculus<br />mus.
</div>
</div>
</div>
</div>
</div>
</div>
分享您的進一步修改代碼。 – zakaiter
您使用哪個插件來傳送傳送帶? –