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

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


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

Ads

Ad: Bluehost hosting

Fail ini adalah sesuai untuk banner laman web, gambar, penonton produk, Galeri walaupun anda boleh menggunakan sebagai intro. Semua animasi adalah disesuaikan supaya ia sesuai untuk semua jenis kain rentang. Anda boleh menggunakan apa-apa bilangan lapisan pada setiap slider. Anda boleh meletakkan dan jarak setiap lapisan dengan mudah menggunakan sifat-sifat data. Dalam fail muat turun, lima sampel lalai boleh didapati dalam fail html berasingan.

Ia bekerja dengan baik dalam semua pelayar termasuk ipad, ios dan Peranti Android

Hampir semua pilihan yang ada untuk menyesuaikan slider ini tanpa mengedit kod sumber

Sentuh keupayaan skrin untuk kedua-dua desktop dan peranti skrin sentuh

Menggunakan apa-apa jenis kandungan Div ia mungkin div berbilang, imej (termasuk format imej telus), video, youtube dan swf (fail flash)

Ciri-ciri unik:

  • Mudah untuk menyelaraskan, jarak dan arah animasi untuk setiap imej dan teks
  • Pilihan untuk memilih mana-mana jenis masuk / keluar arah animasi
  • Pilihan untuk menetapkan jarak datang animasi
  • Corak latar belakang animasi bergerak
  • Pilihan untuk menetapkan masa / keluar bagi setiap div
  • Pilihan untuk menetapkan masa tunda tayangan slaid untuk setiap slaid
  • Membolehkan / melumpuhkan desktop Drag
  • Menyokong imej yang tidak terhad dan Teks pada setiap slaid


Button bertitik:
  • Tiga jenis butang dipenuhi dengan Next dan butang Sebelumnya reka bentuk disediakan
  • Letakkan navigasi apa-apa di mana menggunakan Align dan pilihan Jarak
  • Papar / Sembunyi yang dipenuhi, Next dan butang Sebelumnya
  • Membolehkan / melumpuhkan hide navigasi kereta

Imej kecil:

  • Pilihan untuk menunjukkan Imej kecil dengan butang depan dan sebelumnya
  • Boleh dengan mudah menukar lebar thumbnail dan ketinggian menggunakan css
  • Warna sempadan imej kecil, saiz sempadan, imej kecil untuk ruang thumbnail adalah kawalan melalui fail css
  • Thumbnail secara automatik patut lebar banner. Anda juga boleh menukar kawasan paparan imej kecil
  • Thumbnail tetikus ke atas imej atau kawalan warna melalui fail css, anda juga boleh menggunakan warna dan bukannya imej
  • Meletakkan imej kecil mana-mana sahaja menggunakan Align dan pilihan Jarak
  • Anda boleh menunjukkan kedua-dua butang bertitik dan imej kecil


Ciri-ciri lain:
  • Slideshow jeda apabila pengguna menekan banner jika tidak ia terus memainkan
  • Lima jenis sampel boleh didapati
  • Menyokong semua pelayar
  • Cufon sokongan font
  • Anda boleh menghidupkan apa-apa yang anda meletakkan dalam div

Lihat demo di telefon bimbit anda

Dalam kod plug-in anda boleh menyesuaikan tayangan slaid menggunakan di bawah pembolehubah

 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, tayangan slaid: palsu, slideShow_delayTime: 2, desktop_drag: benar default_data_align: "LC", default_data_spacing: "70,0", default_data_inOutDirection: "KP", default_data_inOutDistance: "60" }); }); 


Kod gambar sampel
 <! - Slide 1 -> <div> <img data-align = "BL" data jarak = "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 data-align = "TR" data jarak = "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"> Menyesuaikan Animasi </ span> </ div> <div data-align = "TR" data jarak = "20,0" data-inoutdirection = "KP" class = "divStyle" data-inoutdistance = "60"> <span class = "txtMedium"> Masuk / Keluar Direction - Penjajaran - Jarak </ span> </ div> </ div> 
Lengkap bantuan dokumen termasuk dalam muat turun fail

Kemas kini pada 2013/10/06: bug kecil tetap

Kemas kini pada 23-11-2012: IE10 bug tetap









Jika anda mempunyai sebarang soalan mengenai fail ini hubungi saya melalui saya halaman profil.

Semak fail saya yang lain:

















Semak fail Flash saya:

akordion mendatar-menegak-image-teks animasi







kuda main-3-jenis-image-produk-penonton

akordion mendatar-menegak-image-teks animasi


Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

Dibuat:
10 Okt 11

Kemaskini:
11 Jun 13

Pelayar Sesuai:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Fail Termasuk:
JavaScript JS, HTML, CSS, berlapis JPA

Perisian Versi:
jQuery

Kata kunci

eCommerce, eCommerce, Semua Produk, iklan banner, banner pemutar, gelangsar imej, Animasi lapisan, penonton produk, resizable, peralihan slaid mudah, tayangan slaid