WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Degrade - The Swiss Army Slider

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


Degrade - The Swiss Army Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ikuti SakuraPixelYoucanelso WRITEUS

Menurunkan - The Responsive Multipurpose Slider

Menurunkan - swiss-tentara-slider adalah serbaguna, sepenuhnya disesuaikan slider, dengan perilaku responsif dan fitur all-in-one. Ini olahraga variasi pilihan 40 +, penampilan slider dapat disesuaikan melalui 8 bayangan yang berbeda, 4 sudut gaya yang berbeda, 6 jenis kontrol yang berbeda, warna terbatas, shortcode, keterangan gaya, perilaku fullscreen, memberikan Anda kemungkinan untuk membuat ratusan slider yang berbeda.

Slider dapat juga digunakan sebagai banner, bisa memutar video, dapat menampilkan keterangan mana pun Anda inginkan, dapat digunakan sebagai alat iklan serta panel display.

Membuat yang terbaik dari itu!

Fitur:

Variasi desain
Mudah mengubah tampilan dan nuansa dalam hitungan detik. Mendegradasi Slider datang dengan banyak aset prebuilt seperti bayangan, sudut, kontrol. Warna terbatas, Anda dapat dengan mudah mengubah warna setiap komponen di dalam slider membuatnya unik. Atau Anda dapat menonaktifkan komponen desain dan menciptakan HTML banner yang berjalan di semua perangkat.

Prestasi
Semua slide sedang dimuat secara dinamis melalui Ajax, kami memberikan perhatian khusus pada kinerja sekaligus menjaga desain yang kaya, slide yang tersedia segera setelah mereka dimuat, tidak ada kebocoran memori, Turunkan Slider juga dioptimalkan untuk acara layar sentuh / drag.

Shortcode
Mendegradasi Slider dilengkapi dengan shortcode builtin. Shortcode memudahkan untuk menambahkan elemen yang berbeda yang mungkin Anda butuhkan dalam slider. Misalnya Anda memerlukan tombol merah dengan sudut membulat, Anda cukup menambahkan kode berikut keterangan:

 <a href="http://yourlink.com" class="degradeButton roundButton red"> Tombol </a> 

Lihat semua shortcode tersedia dalam preview.

Responsif
Apakah Anda menampilkan pada desktop, tablet, ponsel, pekerjaan Anda, gambar, produk Anda akan selalu terlihat sama!

PSD dan file Help
Mendegradasi Slider dilengkapi dengan PSD berlapis dan semua elemen desain (bayangan, panah, tombol dan sudut). Lihat file bantuan di sini: ReadMe

Pilihan Slider

 slideAnimationType: "easeOutQuint", // slider animasi / jenis transisi slideAnimationDuration: 600, // slide durasi animasi standar enableTouchDragSlides: true, // mengaktifkan / menonaktifkan sentuh dan tarik slide AutoPlay: false, // slide autoplay autoPlayInterval: 5000, // selang autoplay (5 detik) pauseAutoplayOnHover: true, // jeda autoplay di hover autoPlayStopAtEnd: true, // berhenti autoplay pada akhir (dapat digunakan untuk pembuatan spanduk) autoScale: true, // perilaku responsif showShadow: true, // bayangan acara slider shadowType: 'ShadowType01', // tipe shadow (ada 8 jenis bayangan yang tersedia ShadowType01.... ke... ShadowType08) showBottomCorners: true, // sudut acara bottom bottomCornersStyle: "CornerStyle01", // sudut gaya (ada 4 jenis sudut tersedia CornerStyle01.... ke... CornerStyle04) showCenterButtons: true, // tombol navigasi tengah acara showCenterButtonsBackground: false, // pusat acara tombol navigasi di latar belakang centerButtonsAdjustPosition: 20, // menyesuaikan tombol navigasi tengah posisi vertikal (ex: 20 atau -20) showCenterButtonsStyle: "Style01", // gaya tombol navigasi tengah itu (ada dua gaya yang tersedia Style01 dan Style02) enableKeyboardNav: true, // mengaktifkan / menonaktifkan navigasi keyboard showSliderBackground: true, // mengaktifkan background / menonaktifkan slider ini sliderBackgroundColor: "# FFFFFF", // slider yang warna latar belakang sliderBackgroundOpacity:.2, // slider yang latar belakang opacity sliderShowBorder: true, // mengaktifkan perbatasan / menonaktifkan slider ini sliderBorderColor: "# FFFFFF", // slider yang warna perbatasan sliderShowInnerBorder: true, // mengaktifkan perbatasan batin / menonaktifkan slider ini sliderInnerBorderColor: "# FFFFFF", // slider batin warna perbatasan panah benar, // mengaktifkan / menonaktifkan slider ini navigasi: showLeftRightNav showLeftRightNavIsBackground: false, // slider yang panah navigasi latar belakang leftRightNavBackgroundColor: "# 212121", // slider yang warna panah navigasi latar belakang leftRightNavType: "Nav04", // slider tipe panah navigasi (ada 4 jenis yang tersedia: Nav01 ke Nav04) leftNavAdjustPosition: 10, // menyesuaikan posisi horizontal kiri navigasi panah rightNavAdjustPosition: -10, // menyesuaikan posisi horizontal navigasi panah kanan showSliderPreloader: true, // memungkinkan preloader slider / menonaktifkan showDragCursor: false, // acara tarik kursor enableFullScreen: true, // mengaktifkan / menonaktifkan layar penuh asli (untuk browser yang mendukung layar penuh) normalWidth: 800, // lebar slider standar tinggi slider 400 // default: normalHeight 



Keterangan
Mendegradasi Slider mendukung keterangan terbatas pada setiap slide, Anda dapat menambahkan konten HTML dalam keterangan.
Setiap keterangan memiliki sifat ditentukan sebelumnya dan animasi yang dapat Anda timpa dari dalam HTML. Lihat properti yang tersedia di bawah ini.

 positionX: "0", // posisi caption X positionY: "0", // keterangan posisi Y animasi: "Tidak", // animasi keterangan yang cpuld menjadi (None, SlideFromLeft, SlideFromRight, SlideFromTop, SlideFromBottom) animationType: "easeOutQuint", // tipe transisi animasi (lihat Catatan di atas) animationDuration: 500, // durasi animasi (lihat CATATAN atas) delayAnimation: 0, // mulai delay animasi (lihat CATATAN atas) isBackground: "false" // keterangan latar belakang backgroundColor: "# 212121", // warna latar belakang caption backgrondTransparency:.5, // transparansi latar belakang caption fullWidthVideo: "false" // keterangan lebar penuh video (lihat contoh dengan video) 



Fitur lain

  • Dukungan penuh layar
  • Sentuh dioptimalkan
  • jQuery Didukung
  • Variasi warna terbatas
  • Custom Design
  • PSD Sumber Termasuk
  • Dokumentasi Termasuk

Kredit

Preview Images ( Fotolia.com ). Harap dicatat bahwa gambar pratinjau tidak termasuk dalam men-download file.
Gambar termasuk dalam download file ( Publicdomainpictures.net ).
Media Sosial Balloon Icon Diatur ( dua J Desain ).

Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
27 Juli 12

Update Terakhir:
N / A

Resolusi Tinggi:
Tidak, Penjelajah Kompatibel

Software Versi:
jQuery

Kata kunci

eCommerce, Semua Produk, ajax, semua warna, pembuat banner, html slider, jquery, minimal, ponsel, plugin, slider responsif, sentuhan, slider Video