Antrium A35D

Owl Carousel Numara Vermek, Owl Carousel Number Dots

Aşağıdaki Kod ile owl-carousel Numara ekleyebiliyoruz.

$(document).ready(function(){
let owl = $(".owl-carousel").owlCarousel({

OWL Carousel 2.3.4 change Youtube Video pause (iframe video pause)

HTML KODU;
 

<div class="item">
  <div class="flex-video">
    <iframe src="https://www.youtube.com/embed/G1lq40tR72Q?enablejsapi=1" width="560" allowfullscreen frameborder="0" height="315"></iframe>
  </div>
</div>

Jquery Anchor Scroll

Aşağıdaki Kod ile yapabilirsiniz;

Jquery ile Mümkün !

Scroll barı Anchor  pozisyonuna götürebilirsiniz.

codemirror.js Html Online Editor

Çok Kullanışlı Html Online Editor. İşinizi çok kolaylaştıracak !

Öncelikle Ektedki dosyayı indiriyoruz.

Eklenecek CSS ve JS Dosyalarımız;

boostrap 5 accordion scroll to top of active, bootstrap 5 accordion tıklanınca ekrana sabitleme

bootstrap 5 accordion tıklanınca ekrana sabitleme yapmak için aşağıdaki kodu kullanıyoruz.

 $('.collapse').on('shown.bs.collapse', function (e) {
                var $card = $(this).closest('.accordion-item');
                var $open = $($(this).data('parent')).find('.collapse.show');

                var additionalOffset = 0;
                if ($card.prevAll().filter($open.closest('.accordion-item')).length !== 0) {
                    additionalOffset = $open.height();
                }
                $('html,body').animate({
                    scrollTop: $card.offset().top - additionalOffset
                }, 500);
            });

Jquery All class select, Jquery Class hepsini listelemek

Jquery ile Belirli bir class listeini çekmek için aşağıdaki kodu kullanıyoruz.

Aşağıdaki örnekte gz72 class ına ait tüm class değerleri listeleniyor ve class değeri sıfırlanıyor.

                $('.gz72').each(function (index, element) {

                    $(this).removeClass();
                });

İyi Çalışmalar.

Jquery filter

Jquery otomatik filtreleme çok kullanışlı bir özellik. 

Tüm kodları Eksiksiz paylaşıyorum (veritabanı bağlantısını kendinize göre veya kendi dilinize göre ayarlarsınız)

İyi Çalışmalar.