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

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

如何在平滑滑塊的開始/結束時更改 SVG 的顏色

如何在平滑滑塊的開始/結束時更改 SVG 的顏色

PHP
www說 2023-08-19 10:30:44
如果我位于幻燈片的開頭或結尾,如何更改 svg 箭頭的顏色?如果值等于 0,也許我可以添加類?如果沒有剩余幻燈片,不確定如何添加課程?下圖是我想要實現的目標。atm 我的兩側都有兩個白色箭頭。我想在開始時(左側)和結束時(右側)將顏色更改為灰色。    $(".image_carousel-wrapper").each(function () {        var _this = $(this);        var $status = _this.find('.slide-number');        var $slickElement = _this.find('.image_carousel');        $slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {            //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)            if (!slick.$dots) {                return;            }            var i = (currentSlide ? currentSlide : 0) + 1;            $status.text(i + '/' + (slick.$dots[0].children.length));        });        var _this = $(this);        _this.find('.image_carousel').slick({            arrows: true,            dots: true,            pauseOnHover: false,            pauseOnFocus: false,            autoplay: false,            swipeToSlide: true,            fade: true,            draggable: true,            prevArrow: _this.find('.prev-slide'),            nextArrow: _this.find('.next-slide'),        });    });            <div class="image_carousel-wrapper">                <div class="image_carousel">                    <?php foreach( $images as $image ): ?>                        <div class="slide">                                                    <img class="full-width <?php if($module_alignment == 'left') : ?>left-image<?php endif; ?>" src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>">                            <?php if( get_sub_field('artists_impression') ): ?>                                 <p class="artistimp ">Artist Impression</p>                            <?php endif; ?>                        </div>
查看完整描述

1 回答

?
胡子哥哥

TA貢獻1825條經驗 獲得超6個贊

添加infinite: false到輪播選項以禁用無限循環。

如果您想進一步調整禁用導航項的外觀,您可以定位.slick-disabled


查看完整回答
反對 回復 2023-08-19
  • 1 回答
  • 0 關注
  • 129 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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