Perşembe 23 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Kaynaklar
  3. Ücretsiz jQuery Slider ve Resim Galerileri
 Ücretsiz jQuery Slider ve Resim Galerileri
Kaynaklar Kod Tasarım

Ücretsiz jQuery Slider ve Resim Galerileri

Yazar : Bilal UÇAR 11 Ağustos 2017 3 Comments

İçindekiler

  • Bootstrap Slider

  • Product Preview Slider

  • Expandable Image Gallery

  • Fotorama

  • Immersive Slider

  • Leastjs

  • Sliding Panels Template

  • Squeezebox Portfolio Template

  • Shuffle Images

  • Free jQuery Lightbox Plugin

  • PgwSlider – Responsive slider for jQuery

  • Scattered Polaroids Gallery

  • Bouncy Content Filter

  • Simple jQuery Slider

  • Glide JS

  • Fullscreen drag-slider with parallax

  • Sliiide

  • Zoom Slider

  • Prism Effect Slider

  • Responsive Parallax Drag-slider With Transparent Letters

Resim galerileri ve kaydırıcılar jQuery‘nin en popüler kullanım örnekleri arasındadır. Web sitenizdeki değerli alan tasarruf ederken ziyaretçilerinize doğru miktarda görsel bilgiyi sunmanıza izin verirler.

Sonuç olarak, slider sayesinde siteniz derli toplu görünür ve sitenizin neye hizmet ettiğini gösterebilirsiniz.

Bu yazıda, sizin için en iyi jQuery resim galerilerini ve kaydırıcıları seçtik. JQuery eklentileri oldukları için bunları HTML sayfanızın baş bölümüne varsayılan jQuery kitaplığıyla birlikte eklemeniz, belgelere göre (genellikle birkaç satırlık kod) ayarlamanız ve bırakmanız yeterlidir.

Bootstrap Slider

Bootstrap Slider, herhangi bir ekranda veya tarayıcıda harika görünen ücretsiz bir mobil hazır, dokunmaya duyarlı görüntü kaydırıcısıdır. Slaytlara resim, video, küçük resim, metinler, düğmeler ekleyebilirsiniz.

Product Preview Slider

Product Preview Slider kendiliğinden yerli bir uygulama gibi görünen ve hisseden jQuery’nin tam kullanımı ile yapılır. Bu eklentinin kodu temiz ve özenle hazırlanmış.

Expandable Image Gallery

Expandable Image Gallery, geniş bir galeriye fare tek bir tıklama ile genişleyen inanılmaz bir eklentidir. Bu eklenti Hakkımızda Web sitesi bölümü, ürün önizlemesi veya ürüne ilişkin ek ayrıntılar için kullanılabilir.

Fotorama

Fotorama, masaüstü ve mobil tarayıcılarda çalışan, jQuery için duyarlı bir galeri eklentisidir. Küçük resimler, hızlıca kaydırma, önceki düğmeler gibi görüntüler arasında gezinmek için birden fazla seçenek sunar.

Immersive Slider

Immersive Slider, Google’ın TV web sitesinde gördüğünüz gibi görüntüleme slaydıyla eşleşen benzersiz bir kaydırıcı deneyimi oluşturmanıza olanak tanır.

Leastjs

Leastjs, resimleriniz için çarpıcı bir galeri oluşturmak için duyarlı bir jQuery eklentisidir.

Sliding Panels Template

Bu eklenti, her türlü portföy için mükemmel bir seçim olacaktır. Resimlerle birlikte tüm paneller, y ekseni boyunca hareket eder (daha küçük cihazlarda x ekseni). Seçili içeriği göstermek için resimler kayar.

Squeezebox Portfolio Template

Squeezebox Portfolio Portfolio, portföy için hareket efektleri denerken oluşturulmuştur.

Shuffle Images

Shuffle Images, fare tuşu ile döndüğünüzde karışık görüntülerle bir galeri oluşturmanıza izin veren inanılmaz bir duyarlı eklentidir.

Free jQuery Lightbox Plugin

Ücretsiz jQuery Lightbox Eklentisi, aynı sayfada bir veya birden çok resim görüntülemenizi sağlar. Ayrıca görüntüyü büyütebilir veya orijinal boyutuna geri dönebilirsiniz.

PgwSlider – Responsive slider for jQuery

PgwSlider, resim slaytlarını vitrine çıkarmak için hazırlanmış tek amacı ve minimalist görüntü kaydırıcısıdır. JQuery kodu küçük boyutludur.

Scattered Polaroids Gallery

Scattered Polaroids Gallery muhteşem bir düz tasarım kaydırıcısıdır.

Bouncy Content Filter

Bouncy Content Filter, çevrimiçi mağazalar veya portföyler için mükemmel bir çözümdür. Kullanıcıların bir resim kategorisinden diğerine hızlı bir şekilde geçiş yapabilmelerini sağlar.

Simple jQuery Slider

Bu eklenti, biraz JavaScript, bazı HTML5 ve bir CSS3 dokunuşundan oluşur. Görselleri değiştirerek güzel bir slider oluşturabilirsiniz.

Glide JS

Glide JS basit, temiz, hızlı, pürüzsüz ve yanıt veren jQuery kaydırıcı eklentisidir. Eklenti hafiftir ve kurulumu kolaydır.

Fullscreen drag-slider with parallax

Renk vurgulu, metin ve resim içeren bu şaşırtıcı jQuery kaydırıcı, portföyden şirkete kadar her türlü web sitesi için uygun olacaktır. Düzgün paralel kaydırma sağlar ve metnin yavaş yavaş görünmesini sağlar.

Sliiide

Bu fantastik eklentinin işlevselliği temel ihtiyaçların ötesine geçiyor. Sliiide interaktif menü öğeleri oluşturmanıza yardımcı olacak, böylece bir sayfanın alt, üst, sol ve sağ taraflarında kayan bir menü belirleyebilirsiniz.

Zoom Slider

Bu, yakınlaştırma işlevine sahip basit bir kaydırıcı galeri. Bir zoom düğmesine tıkladığınızda, görüntü ölçeklendirilir. Çevrimiçi mağazalar için mükemmel bir çözüm.

Prism Effect Slider

Prism Effect Slider blogcular için mükemmel bir fikir. Bu kaydırıcı, her görüntüye bir prizma logosu ekler ve kaydırdığınızda değişir.

Responsive Parallax Drag-slider With Transparent Letters

Bu inanılmaz kaydırıcı büyük harflerle kelimeleri barındırıyor. Font, yazı tipi boyutu, yazı tipi rengi ve animasyon hızını kolayca değiştirebilirsiniz.

Bu makalede en iyi jQuery slider ve resim galerileri eklentilerini listeledik. Siz de eklemek istediklerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: jqery slider ve resim galerisi jquery resim galerisi eklentisi jquery slider ücretsiz resim galerisi ücretsiz slider
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

3 Yorumlar

  • Mert says:
    28 Kasım 2017 at 06:48

    Nasıl kullanılacağınıda söyleseydin adam adam diye bağırırdım. Mesela bazıları çok hoşuma gitti ama istediğim yere koyamıyorum

    Reply
    • Bilal UÇAR says:
      28 Kasım 2017 at 11:40

      20 civarı slider var hepsinin kendine özel kullanımları mevcut. Bunların hepsini maalesef yazamadım. Bu yüzden linklere tıklayarak nasıl kullanılacağı hakkında bilgi edinebilirsin.

      Reply
  • kübra says:
    28 Kasım 2020 at 22:17

    çok teşekkür ederimmmm yeni başladığım için istediklerimi yapmakta zorlanıyorum bu örnekler çok işime yaradı ellerinize sağlık :)))))))

    Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.