Antrium A35D

fancybox HTML (Güncellenecek)

<a data-fancybox="gallery" data-caption="G32 Çevrimi ile Alın Yüzeyde Diş Açma" title="G32 Çevrimi ile Alın Yüzeyde Diş Açma" data-src="/yuklenenler/SetEkResimler/146_Cnc-Torna-ve-Torna-Makro-Egitim-Seti_G32-Cevri_30032023140033_40.jpg" target="_top">
<img class="img-responsive" src="/yuklenenler/SetEkResimler/kucuk/146_Cnc-Torna-ve-Torna-Makro-Egitim-Seti_G32-Cevri_30032023140033_40.jpg" alt="G32 Çevrimi ile Alın Yüzeyde Diş Açma" width="282" height="158"><h6>G32 Çevrimi ile Alın Yüzeyde Diş Açma</h6>
</a>

<a href="https://source.unsplash.com/IvfoDk30JnI/1500x1000" data-fancybox="group-1" data-caption="This image has a caption">
    <img src="https://source.unsplash.com/IvfoDk30JnI/320x180" />
  </a>

  <a href="https://source.unsplash.com/0JYgd2QuMfw/1500x1000" data-fancybox="group-1" data-width="2048" data-height="1365">
    <img src="https://source.unsplash.com/0JYgd2QuMfw/320x180" />
  </a>
<a data-fancybox href="https://www.youtube.com/watch?v=AC1cREPIw_o&amp;autoplay=1&amp;rel=0&amp;controls=0&amp;showinfo=0">
        <img class="card-img-top img-fluid" src="http://img.youtube.com/vi/AC1cREPIw_o/mqdefault.jpg" />
      </a>

<a data-fancybox href="https://vimeo.com/95673122?color=ff0000">
    Vimeo video - custom color
</a>
<a data-fancybox data-width="640" data-height="360" href="http://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4">
        <img src="https://source.unsplash.com/IvfoDk30JnI/320x180" />
  HTML5 Video
      </a>
      

Fancybox.bind('[data-fancybox="gallery"]', { infinite: false });

css hover sub css

.tp81:hover .tp81b {
    height: 100%;
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

Jquery Anchor Scroll

Aşağıdaki Kod ile yapabilirsiniz;

Jquery ile Mümkün !

Scroll barı Anchor  pozisyonuna götürebilirsiniz.

Web Sayfasına favicon png eklemek

Web Sayfasına favicon png eklemek

<link rel="icon" type="image/png" href="http://example.com/image.png" />

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;

Keyword not supported: 'multiple active result sets'.

Keyword not supported: 'multiple active result sets'.
Sorun Visual studio 2022 de DB şeması yenile yapınca olmakta.

Çözümü ise;

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);
            });

Boostrap 5 Sadece Mobilde gizleme, Boostrap 5 Sadece Mobilde gösterme

Boostrap 5 Sadece Mobilde gizleme

d-none d-sm-block

Boostrap 5 Sadece Mobilde gösterme

d-block d-sm-none

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.