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

jQuery Homepage Banner Slideshow / Product viewer

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

File ini cocok untuk homepage banner, slideshow, penampil produk, Galeri meskipun Anda dapat menggunakan sebagai intro. Semua animasi dapat disesuaikan sehingga cocok untuk semua jenis spanduk. Anda dapat menggunakan sejumlah lapisan pada setiap slider. Anda dapat posisi dan jarak setiap lapisan dengan mudah menggunakan atribut data. Dalam men-download file, lima sampel standar yang tersedia dalam file html yang terpisah.

Ini bekerja dengan baik di semua browser yang termasuk ipad, ios dan Android Perangkat

Hampir semua pilihan yang tersedia untuk menyesuaikan slider ini tanpa mengedit kode sumber

Sentuh kemampuan layar baik untuk desktop dan perangkat layar sentuh

Menggunakan jenis konten Div mungkin beberapa div, image (termasuk format gambar transparan), video, youtube dan swf (flash file)

Fitur unik:

  • Mudah untuk menyelaraskan, jarak dan arah animasi untuk setiap gambar dan teks
  • Pilihan untuk memilih jenis in / out arah animasi
  • Pilihan untuk mengatur animasi jarak datang
  • Pola latar belakang animasi bergerak
  • Pilihan untuk mengatur keluar / waktu untuk setiap div
  • Pilihan untuk menetapkan slideshow waktu tunda untuk setiap slide
  • Aktifkan desktop / Nonaktifkan Drag
  • Mendukung gambar tak terbatas dan teks pada setiap slide


Bertitik Tombol:
  • Tiga jenis tombol dihiasi dengan Next dan tombol Sebelumnya desain yang tersedia
  • Posisi navigasi setiap tempat menggunakan Align dan pilihan Spasi
  • Tampilkan / Sembunyikan yang bertitik, Next dan tombol Sebelumnya
  • Aktifkan / Nonaktifkan menyembunyikan navigasi mobil

Thumbnail:

  • Pilihan untuk menampilkan Thumbnail dengan tombol berikutnya dan sebelumnya
  • Dapat dengan mudah mengubah lebar dan tinggi thumbnail menggunakan css
  • Warna perbatasan thumbnail, ukuran perbatasan, thumbnail ruang thumbnail adalah kontrol melalui file css
  • Thumbnail secara otomatis sesuai dengan lebar banner. Anda juga dapat mengubah tampilan thumbnail daerah
  • Tikus Thumbnail atas gambar warna atau kontrol melalui file css, Anda juga dapat menggunakan warna bukan gambar
  • Posisi thumbnail mana saja menggunakan Align dan pilihan Spasi
  • Anda dapat menunjukkan kedua tombol putus-putus dan thumbnail


Fitur lainnya:
  • Jeda slideshow ketika pengguna menekan banner selain itu terus memainkan
  • Lima jenis sampel tersedia
  • Mendukung semua browser
  • Dukungan font cufon
  • Anda dapat menghidupkan apa pun yang Anda menempatkan di dalam div

Lihat demo di ponsel Anda

Dalam kode plug-in Anda dapat menyesuaikan slideshow menggunakan variabel bawah

 jQuery (function ($) { $ ('# jq_fmslideshow'). fmslideshow ({ banner_width: "", banner_height: "", image_sprite: "fmslideshow_assets / sprite.png", image_background: "", image_topShadow: "", image_bottomShadow: "", image_loader: "fmslideshow_assets / loader_img.png", background_fullScreen: palsu, background_move: palsu, background_moveDistance: 1250, buttons_type: 0, buttons_autoHide: palsu, buttons_align: "SM", buttons_spacing: "15,0", button_nextPrevious_type: 0, button_nextPrevious_autoHide: benar, button_next_align: "RC", button_next_spacing: "20,0", button_previous_align: "LC", button_previous_spacing: "20,0", dotButtons: palsu, button_next_previous: palsu, thumbnails_align: "SM", thumbnails_spacing: "-75,0", thumb_next_preious_width: 38, Slideshow: palsu, slideShow_delayTime: 2, desktop_drag: true default_data_align: "LC", default_data_spacing: "70,0", default_data_inOutDirection: "LR", default_data_inOutDistance: "60" }); }); 


Kode slideshow sampel
 <! - Slide 1 -> <div> <img Data-align = "BL" Data-spacing = "0,50" Data-inoutdirection = "BB" Data-inoutdistance = "50" Data-starttime = "0" Data-staytime = "5" Data-animationSpeed ​​= "700" Data-easein = "easeOutQuart" Data-easeout = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <div align = Data-"TR" Data-spacing = "70,0" Data-inoutdirection = "RL" Data-starttime = ". 5" Data-staytime = "6" Data-animationSpeed ​​= "400" Data-easein = "easeInQuart" Data-easeout = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Customize Animasi </ span> </ div> <div align = Data-"TR" Data-spacing = "20,0" Data-inoutdirection = "LR" class = "divStyle" Data-inoutdistance = "60"> <span class = "txtMedium"> In / Out Arah - Alignment - Spasi </ span> </ div> </ div> 
Dokumen bantuan lengkap termasuk dalam men-download file

Update pada 2013/10/06: minor bug tetap

Update pada 23-11-2012: IE10 bug tetap









Jika Anda memiliki pertanyaan tentang file ini menghubungi saya melalui saya Halaman profil.

Periksa file saya yang lain:

















Periksa file Flash saya:

akordeon-horisontal-vertikal-gambar-teks-animasi







carousel-3-jenis-image-produk-viewer

akordeon-horisontal-vertikal-gambar-teks-animasi


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

Properties

Dibuat:
10 Oktober 11

Pembaharuan Terakhir:
11 Juni 13

Browser kompatibel:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Termasuk file:
JavaScript JS, HTML, CSS, Layered PSD

Versi perangkat lunak:
jQuery

Kata kunci

eCommerce, eCommerce, Semua barang, iklan banner, rotator spanduk, image slider, Lapisan animasi, penampil produk, resizable, transisi slide yang sederhana, slideshow