亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

照片庫播放和暫停按鈕

照片庫播放和暫停按鈕

POPMUISE 2023-01-06 11:15:40
親愛的朋友們。我在這個網站上找到了這個照片庫:http: //playgallery.siteseguro.ws/我想使用它,但播放和暫停按鈕無處可去。這些按鈕不起作用,我沒有看到任何代碼來使它起作用。有可能使這項工作嗎?下面是優化后的代碼:<html><head>    <link rel="stylesheet" href="http://playgallery.siteseguro.ws/js/novagaleria/slick-bootstrap.css"/>    <link rel="stylesheet" href="http://playgallery.siteseguro.ws/js/novagaleria/slick-style.css"/>    <link rel='stylesheet' id='fontawesome-css' href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' type='text/css' media='all' /></head><body><div class="col-slick-4">      <div class="slick-gallery">        <div class="slick-slider carousel-child" id="child-carousel" data-for=".carousel-parent" data-arrows="true" data-loop="false" data-dots="false" data-swipe="true" data-items="4" data-xs-items="4" data-sm-items="4" data-md-items="4" data-lg-items="5" data-slide-to-scroll="1">           <div class="slick-item">             <div class="thumb slick_thumb_rect">               <div class="thumb__inner"><img src="http://playgallery.siteseguro.ws/images/s1.jpg"/>               </div>             </div>           </div>           <div class="slick-item">             <div class="thumb slick_thumb_rect">               <div class="thumb__inner"><img src="http://playgallery.siteseguro.ws/images/s2.jpg"/>               </div>             </div>           </div>           <div class="slick-item">             <div class="thumb slick_thumb_rect">               <div class="thumb__inner"><img src="http://playgallery.siteseguro.ws/images/s3.jpg"/>               </div>             </div>           </div>           <div class="slick-item">             <div class="thumb slick_thumb_rect">               <div class="thumb__inner"><img src="http://playgallery.siteseguro.ws/images/s4.jpg"/>               </div>             </div>
查看完整描述

1 回答

?
catspeake

TA貢獻1111條經驗 獲得超0個贊

你將不得不添加一些 jquery


$('.slick-slider').slick({

    slidesToShow: 1,

    slidesToScroll: 1,

    autoplay: true,

    pauseOnDotsHover:false,

    autoplaySpeed:500,

    dots: false,

    arrows: false,

    infinite: true

});


$('#pause').click(function() {

    $('.slick-slider').slick('slickPause');

});


$('#play').click(function() {

    $('.slick-slider').slick('slickPlay');

});


然后編輯你的按鈕分別有一個 pause 和 play 的 id 并刪除 a 標簽


<div class="slick-controls">

    <div class="slick-controls-pause slick-play"><span id="pause" class="fa fa-pause"></span></div>

    <div class="slick-controls-play slick-play"><span id="play" class="fa fa-play"></span></div>

</div><br><br>


如果你想讓指針懸停。而不是使用標簽。用cursor: pointer;在你的 .slick-play


查看完整回答
反對 回復 2023-01-06
  • 1 回答
  • 0 關注
  • 135 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號