Strapslide – Plugin Slider Bootstrap Responsif

  • Whatsapp
Strapslide - Plugin Slider Bootstrap Responsif

Source Code : Strapslide – Plugin Slider Bootstrap Responsif

Bacaan Lainnya

\

STRAPSLIDE

Strapslide adalah premi akhir Plugin Slider Bootstrap menawarkan kemampuan untuk menampilkan gambar, video, markup html, dan teks yang dipasangkan dengan transisi 3D yang sederhana, modern, dan mewah. Lebih penting lagi, ini sepenuhnya responsif dan dioptimalkan untuk seluler dan dapat mengambil dimensi apa pun.

Saat kami mendesain ulang Strapslide menjadi v2, kami memiliki satu hal dalam pikiran: kebebasan pengguna sepenuhnya. Itu sebabnya, kami membuat satu-satunya penggeser yang tidak dilengkapi dengan animasi prasetel, dapat disesuaikan sepenuhnya dan berfungsi sempurna di setiap perangkat. Apa artinya? Baca dulu, Anda akan terkejut.

Setelah Anda membeli Strapslide, Anda berhak mengunduh semua pembaruan di masa mendatang secara gratis. Nikmati penggunaan Strapslide dan nantikan pembaruan yang luar biasa!

MENGAPA SEMUA ORANG MEMBELI STRAPSLIDE?

Anda tidak bisa salah dengan membeli Strapslide. Ini responsif, mudah digunakan, aman, bekerja di semua browser modern, mendapat pembaruan konstan, memiliki dukungan pelanggan yang hebat, menawarkan banyak fitur dan memberikan kontrol pengguna yang lengkap. Anda akan menyukainya!

  • Kustomisasi Tanpa Batas
  • jQuery 1.7 – jQuery 2.x Didukung
  • Berdasarkan Bootstrap
  • Pustaka Transisi CSS3
  • Sentuh Diaktifkan
  • Responsif
  • Jeda saat Arahkan kursor
  • Paginasi Dinamis
  • Navigasi Keyboard
  • Banyak Fitur
  • Pramuat gambar
  • Dukungan Layar Penuh
  • Dukungan HTML5 untuk memutar video yang dihosting sendiri
  • Animasi setiap elemen Caption
  • Transisi CSS yang Kuat dengan jQuery FallBack
  • Beradaptasi dengan rentang Bootstrap
  • Tambahkan Caption dalam jumlah tak terbatas
  • Menghidupkan/mematikan fungsi Hover Stop
  • Menghidupkan/mematikan fungsi Sentuh
  • Setel Video YouTube dan Vimeo Layar Penuh
  • Perataan Teks yang Mudah
  • 4 Mode Pramuat
  • Ubah Kecepatan Transisi
  • Setel per slide Tautan dan Target
  • Atur waktu Mulai dan kecepatan Teks
  • Setel Waktu dan kecepatan Akhir Teks
  • Tetapkan Transisi Akhir dan Awal Teks yang berbeda
  • Setel tautan per Teks
  • Tambahkan Teks YouTube dan Vimeo

SAATNYA MENJADI KREATIF

Saya ingin slide saya memudar, memperbesar, memutar searah jarum jam dan datang dari atas. Apakah ada preset untuk itu? Tentu saja tidak ada. Bicara saja dengan strapslide, teman kita akan tahu apa yang harus dilakukan:

data-animation="fade, scaleup, rotatecw, top"

Luar biasa sederhana, bukan?

TEMA STRAPSLIDE

Sesederhana menautkan file CSS di tag kepala Anda. Strapslide sepenuhnya dapat disesuaikan melalui CSS sederhana. Untuk memberikan kebebasan penuh kepada pengguna, kami menggunakan jumlah minimal javascript yang dibutuhkan.


Strapslide - Plugin Slider Bootstrap Responsif - 1
Bawaan


Strapslide - Plugin Slider Bootstrap Responsif - 2
Minimalis


Strapslide - Plugin Slider Bootstrap Responsif - 3
Metro

MODE RESPONSIF

Anda dapat memilih seberapa responsif strapslide nantinya. Opsi mana pun yang Anda pilih, Anda dapat yakin akan bilah geser yang terlihat memukau di perangkat apa pun dan peramban apa pun, bahkan IE.

UBAH UKURAN

Slider akan mengubah ukurannya sendiri sesuai dengan lebar layar, dengan menjaga rasio aspek.

SETELAH

Penggeser akan mempertahankan ketinggian yang telah ditetapkan hingga gambar latar berhenti meluap.

TIDAK ADA

Penggeser akan mengatur ketinggiannya melalui CSS dan latar belakang akan diubah ukurannya untuk mengisi wadah.

DIDUKUNG OLEH BOOTSTRAP

Konten slide sepenuhnya dapat disesuaikan melalui markup Bootstrap. Dibuat agar responsif dan sangat sederhana, ini menyediakan semua hal yang Anda butuhkan untuk mendesain slider yang unik dan sangat menarik. Slider kami juga kompatibel dengan Bootstrap 2 dan 3.

Bootstrap 2

Bootstrap 3

TAK TERBATAS

Kami merancang Strapslide v2 untuk sama sekali tidak membatasi kreativitas pengguna. Kami hanya ingin Anda bahagia dan puas. Karena itu, Anda membuat pilihan yang sempurna: Strapslide.

KONTROL LENGKAP

AKTIFKAN dan MATIKAN fitur apa pun dan gunakan panggilan balik untuk mengontrol apa yang terjadi saat slide Anda masuk dan keluar.

$('#strapslide').strapslide({
        animation: "string",    //List of animations: "fade, rotatecw, scaleup, top" 
        speed: 1000,    //Slide animation speed
        timeout: 5000,  //Slide display time
        responsive: 'keyword',   //Responsive mode, example: 'resize', 'after', 'none'
        autoplay: boolean,       //Autoplay feature, boolean means: true / false
        preload: boolean,        //Preload feature
        pauseOnHover: boolean,   //Pause On Hover feature
        pagination: boolean,     //Pagination feature
        mousewheel: boolean,     //Mousewheel feature
        keyboard: boolean,       //Keyboard Navigation feature
        touchscreen: boolean     //Touchscreen Enabled
    }, function(){
        //callback when slide enters
    }, function(){
        //callback when slide exits
    })

PERUBAHAN

Versi 2.0 Tanggal Rilis 08.09.2013

  • Versi 2.0 Tanggal Rilis 08.09.2013
    Fitur:
    • Sepenuhnya Ditulis Ulang
    • Ukuran yang diperkecil
    • Fungsionalitas animasi yang didesain ulang
    • Preset yang dihapus
    • Mode responsif: Ubah ukuran, Setelah, Tidak ada
    • Mode pramuat yang dihapus, setel ke boolean
    • Lengkapi dukungan IE7-8 dengan transisi Fade
    • Banyak fitur lainnya, Baca Dokumentasi

Versi 1.2 Tanggal Rilis 18.08.2013

  • Fitur:
    • Versi Strapslide yang sama sekarang menangani Bootstrap 2 & 3
    • Menambahkan kelas baru .withvideo
    • Dokumentasi yang Diperbarui
  • Perbaikan kerusakan:
    • Masalah video Firefox sepenuhnya diperbaiki

Versi 1.1 Tanggal Rilis 16.08.2013

  • Fitur:
    • Versi Bootstrap 3
    • Ditambahkan preloader
    • Mode pramuat: pertama, semua, tidak ada, setelah x milidetik
    • Posisi data yang ditingkatkan
    • Fungsi init diganti
    • Mengurangi ukuran file
    • Teks responsif
    • Pengalaman seluler yang ditingkatkan
  • Perbaikan kerusakan:
    • Penggeser memuat dengan benar pada percobaan pertama

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *