追蹤

輪播圖片影片的語法

輪播圖片語法

 

<ul class="youtbue-carousel">
<li style="list-style-type:none;display:inline;margin:0px;">
<center><img alt="" onerror="imgError(this);" src="圖片連結" style="width:auto;display:inline-block" /></center>
</li>
<li style="list-style-type:none;display:inline;margin:0px;">
<center><img alt="" onerror="imgError(this);" src="圖片連結" style="width:auto;display:inline-block" /></center>
</li>
</ul>
<script>
function init_inline() {
$(".youtbue-carousel").lightSlider({
auto: true,
pager: false,
item:1,
loop: true,
speed: 700, //ms
pause: 3000,
});
}
</script>

-----------------------------------------------------------------------------

輪播影片語法

 

<ul class="youtbue-carousel">
<li style="list-style-type:none;display:inline;margin:0px;">
<div style="width:100%;max-width:1200px">
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="影片嵌入連結"></iframe></div>
</div>
</li>
<li style="list-style-type:none;display:inline;margin:0px;">
<div style="width:100%;max-width:1200px">
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="影片嵌入連結"></iframe></div>
</div>
</li>
<li style="list-style-type:none;display:inline;margin:0px;">
<div style="width:100%;max-width:1200px">
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="影片嵌入連結"></iframe></div>
</div>
</li>
</ul>
<script>
function init_inline() {
$(".youtbue-carousel").lightSlider({
auto: true,
pager: false,
item:1,
loop: true,
speed: 700, //ms
pause: 3000,
});
}
</script>

這篇文章是否有幫助?
0 人中有 0 人覺得有幫助
還有其他問題?提交請求