Rhinoslider: plug-in slaid jQuery yang fleksibel dan mudah digunakan

Anda mungkin pernah mendengar tentang Rhinofader. Beberapa minggu yang lalu, pemaju mengeluarkan "versi dinaik taraf" - Rhinoslider. Rhinoslider adalah plugin slider jQuery yang paling fleksibel pada masa ini. Kami berhasrat untuk mewujudkan slaid yang mudah digunakan yang boleh dimulakan dengan mudah walaupun tanpa pengalaman pengaturcaraan dan menjadikannya sangat disesuaikan mungkin. Kami menyediakan tutorial dan API dokumentasi untuk memudahkan anda membuat kesan, gaya, dan ciri anda sendiri.

Bahagian terbaik mengenai Rhinoslider adalah demonstrasi dalam talian. Penjana kami menyediakan alat yang membolehkan anda menguji kemungkinan gelangsar. Setiap tetapan boleh diedit dengan satu klik, jadi anda boleh menetapkannya seperti yang diperlukan tanpa menulis sebarang kod. Apabila anda telah melakukan semua tetapan, pilih saja kesan anda dan muat turun slider anda - tidak perlu kesan yang anda tidak perlukan.

kemudahan penggunaan Rhinoslider sangat mengagumkan. Lawati http://rhinoslider.com/demo-download/ untuk mengalami operasi mudah penjana.

Pengenalan Pengarang

René Maas:

Pereka dan pemaju web Jerman yang mahir dalam HTML5, CSS3, JavaScript, JQuery dan PHP, dan juga sangat prihatin terhadap kebolehgunaan dan kebolehcapaian.
• Sebastian Pontow:
pemaju web dan pereka Web Jerman yang mengkhususkan diri dalam JavaScript, JQuery dan PHP, yang biasa dengan HTML dan CSS3, dan suka kopi.
Rhinoslider FAQ

Bagaimana untuk menyesuaikan kesan peralihan rhinoslider?

Rhinoslider menyediakan pelbagai kesan peralihan yang disesuaikan. Anda perlu mengubah suai pilihan "kesan" dalam fungsi rhinoslider. Sebagai contoh, untuk menggunakan kesan "slaid", anda boleh menulis ini: . Anda boleh memilih dari pelbagai kesan, termasuk "Fade", "Kick", "Push", "Slide", dan "Climb".

$('#slider').rhinoslider({effect: 'slide'}) Adakah reka bentuk responsif sokongan rhinoslider?

Ya, Rhinoslider sepenuhnya menyokong reka bentuk responsif dan boleh disesuaikan dengan saiz skrin. Ia secara automatik mengubah saiz imej dan slider itu sendiri agar sesuai dengan skrin, menjadikannya sempurna untuk reka bentuk web yang responsif.

Bagaimana untuk menambah tajuk ke slaid Rhinoslider?

termasuk elemen "div" dengan kelas "kapsyen" dalam setiap slaid, di mana teks akan digunakan sebagai tajuk. Contohnya:

Ini adalah tajuk <div> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174070220498109.jpg" class="lazy" alt="Rhinoslider: The most flexible jQuery slider ">. <p> <strong> Bolehkah rhinoslider digunakan dengan plugin jQuery yang lain? </strong> </p> <p> Ya, tetapi pastikan tiada konflik antara plugin. Sekiranya terdapat sebarang konflik, anda boleh menggunakan kaedah <code>noConflict JQuery's

untuk menyelesaikannya.

Bagaimana mengubah kelajuan peralihan rhinoslider?

$('#slider').rhinoslider({effectSpeed: 2000}) Gunakan pilihan "Kesan" dalam fungsi rhinoslider untuk menyesuaikan kelajuan peralihan. Nilai dalam milisaat, contohnya, masa peralihan 2 saat, anda boleh menulis seperti ini: $ ('#slider'). Rhinoslider ({EffectPeed: 2000})

.

Bolehkah rhinoslider membuat slider latar belakang skrin penuh?

Ya, tetapkan lebar dan ketinggian slider hingga 100% dan letakkannya untuk menutup seluruh skrin.

Bagaimana untuk menambah kawalan navigasi untuk rhinoslider?

Kawalan navigasi terbina dalam rhinoslider boleh didayakan dengan menetapkan pilihan "ControlSplayPause", "ControlSprevNext" dan "ControlSkeyboard" untuk benar.

Bolehkah rhinoslider membuat gelangsar karusel?

Ya, tetapkan pilihan "Kesan" kepada "Carousel" dan laraskan pilihan "Item" untuk menentukan bilangan item yang kelihatan.

Bagaimana untuk menambah pemasa untuk rhinoslider?

Tetapkan pilihan "Showtime" untuk benar untuk memaparkan bar kemajuan, menunjukkan masa yang tinggal sebelum slaid seterusnya.

Bolehkah rhinoslider membuat slider video?

Ya, sertakan elemen "video" dalam setiap slaid dan tetapkan pilihan "Autoplay" untuk palsu untuk mengelakkan slaid dari bertukar secara automatik apabila video dimainkan.