https://diyarbakir.gov.tr/Areas/WebPart/Contents/NewsList/js/newsList.js

1(function (jquery) {
2    $.fn.SliderNews = function (settings) {
3        var defaults = {
4            haberBaslikRenk: "#252525",
5            textRenk: "#13183e",
6            iconColor: "#d2935b", //icon ve ıvır zıvır renkleri
7        };
8        var settings = $.extend(defaults, settings);
9        return this.each(function () {
10            settings.modulid = "#" + $(this).attr('id');
11            $(settings.modulid + " .news-card-vertical .card-title").css({ "color": settings.haberBaslikRenk });
12            $(settings.modulid + " .news-card-vertical .card-text").css({ "color": settings.textRenk });
13
14            $(settings.modulid + " .news-card-vertical").hover(function (e) {
15                $(this).css({ "border-bottom": "1px solid " + settings.iconColor });
16            }, function () {
17                $(this).css({ "border-bottom": "" });
18                });
19
20            function injectStyles(rule) {
21                var div = $("<div />", {
22                    html: '<style>' + rule + '</style>'
23                }).appendTo("body");
24            }
25            injectStyles(settings.modulid + ' .news-card-vertical:hover .card-body:after, .news-card-vertical.hover .card-body:after {border-bottom:2px solid ' + settings.iconColor);
26
27            $(settings.modulid + " .icon-arrow_right").css({ "color": settings.iconColor })  /*   '>' iconunun rengini belirler   */
28            $(settings.modulid + " .section-header .section-header-linkall").css({ "color": settings.iconColor }) //haberler yazısının üstüne gelince tümü yazısı rengi, icon rengiyle aynı olacak şekilde ayarlandı
29
30            CardSlider('news-slider');
31            //Card Slider Function Begin
32            function CardSlider(s) {
33                let cardSwiper = new Swiper(settings.modulid + s, {
34                    slidesPerView: 1,
35                    spaceBetween: 4,
36                    pagination: {
37                        el: '.' + s + '-pagination',
38                        clickable: true,
39                        type: 'bullets'
40                    },
41                    autoplay: false,
42                });
43            }
44            //Card Slider Function End
45        });
46    }
47})(jQuery);