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

Full Width Slider 2

— Add-On kwa WorldWideScripts.net

Kujiunga na kulisha wetu kukaa hadi tarehe!

Mpya! Kufuata yetu kama unataka!


Full Width Slider 2 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Kamili upana Slider 2 ni rahisi kutumia jQuery slider picha optimized kwa full screen upana.

Makala

- JQuery inaendeshwa.
- Msikivukubuni.
- Adjustable mpito kasi.
- Auto slideshow na pause juu ya hover.
- Sambamba na browsers yote makubwa (IE8 na hapo juu, Chrome, Firefox, Safari na Opera)
- Je, kuongeza Title, Maelezo na Link kifungo kila slide.

New Njia:

addSlide - Adds slide to the slider 
start - Starts the slider
restart - Restart the slider
destroy - Remove the slider

New chaguzi:

 cs - Current slide; 0 - first, 1 - second etc... 
expandDuration - Initial height animation duration, milliseconds
linktext - Button Text
titleHTML - Custom HTML for the Title (ex. <h4>%title%</h4> )
descriptionHTML - Custom HTML for the Description (ex. <p>%desc%</p> )
linkHTML – Custom HTML for the link button (ex. <a href="%link%">%linktext%</a> )
beforeInit – Function to run before slider init
afterInit – Function to run after slider init
slideStart – Function to run on slide start, returns the slide object
slideEnd – Function to run on slide end, returns the slide object

Mfano kwa mazingira yote:

 <aina Muswada = "text / javascript"> $ (hati).ready (kazi () { // Kujenga slider mfano mpya var my_slider = $ ('. mfano') fws2 ().; // Kuweka mazingira slider (hiari) Unaweza kabisa kupuuza kuzuia hii my_slider.settings ({ cs: 0, // sasa slide; 0 - kwanza, 1 - pili nk... muda: 750, // Slide muda; milliseconds hoverpause: 1, // Pause juu ya hover; 1 - Ndiyo, 0 - No kutulia: 6000, // Pause kabla kwenda slide ijayo; milliseconds mishale: 1, // Display mishale; 1 - Ndiyo, 0 - No risasi: 0, // Display risasi; 1 - Ndiyo, 0 - No expandDuration: 750, // Display mishale; 1 - Ndiyo, 0 - No linktext: 'Soma Zaidi', // Button Nakala (Global kuweka) // Chaguzi juu titleHTML: '<h4> kichwa%% </ h4>', // Desturi HTML kwa Title descriptionHTML: '<p>% desc% </ P>', // Desturi HTML kwa Maelezo linkHTML: '<a href="%link%">% linktext% </a>', // Desturi HTML kwa kiungo kifungo beforeInit: kazi () {}, // Kazi wapige mbio mbele slider init afterInit: kazi () {}, // Kazi kukimbia baada slider init slideStart: kazi (slide) {}, // Kazi na kukimbia kwenye slide kuanza, anarudi slide kitu slideEnd: kazi (slide) {} // Kazi na kukimbia kwenye slide mwisho, anarudi slide kitu }); // Kuongeza slide my_slider.addSlide ({ Image: 'img / slide_1.jpg', // Image chanzo title: 'Slide 1', // Title maelezo: 'Maelezo', // Slide Maelezo linktext: '', // Button Nakala (Hiari, itatumia mipangilio ya vinginevyo) kiungo: 'http: // tovuti' // Soma Zaidi URL kiungo }); // Anza slider my_slider.start (); }); </ Muswada> 

Muda mfano bila kutofautiana, kwa kutumia chaining:

 <aina Muswada = "text / javascript"> $ (hati).ready (kazi () { $ ('. example1') .fws2 ({risasi: 1, mishale: 0}) .addSlide ({Image: 'img / slide_1.jpg', cheo: 'Slide 1', maelezo: 'Maelezo', kiungo: 'http: // tovuti'}) .addSlide ({Image: 'img / slide_2.jpg', cheo: 'Slide 2', maelezo: 'Maelezo', kiungo: 'http: // tovuti'}) .addSlide ({Image: 'img / slide_3.jpg', cheo: 'Slide 3', maelezo: 'Maelezo', kiungo: 'http: // tovuti'}) .start (); }); </ Muswada> 

Mfano wa kutumia kazi callback

 <aina Muswada = "text / javascript"> $ (hati).ready (kazi () { var example_slider = $ ('. example2') fws2 ().; example_slider.settings ({ afterInit: kazi () { tahadhari ('Slider tayari!'); }, slideEnd: kazi (slide) { var title = slide.find ("kichwa.") maandishi ().; tahadhari ('Hii ni' + kichwa); } }); example_slider.addSlide ({Image: 'img / slide_1.jpg', cheo: 'Slide 1', maelezo: 'Maelezo', kiungo: 'http: // tovuti'}); example_slider.addSlide ({Image: 'img / slide_2.jpg', cheo: 'Slide 2', maelezo: 'Maelezo', kiungo: 'http: // tovuti'}); example_slider.addSlide ({Image: 'img / slide_3.jpg', cheo: 'Slide 3', maelezo: 'Maelezo', kiungo: 'http: // tovuti'}); example_slider.start (); }); </ Muswada> 

Mfano customizing HTML

 <aina Muswada = "text / javascript"> $ (hati).ready (kazi () { var example_slider = $ ('. example4') fws2 ().; example_slider.settings ({ titleHTML: '<h1> <a href="%link%">% jina% </a> </ h1>', descriptionHTML: '<p> <i darasa = "fa fa-kuangalia" /> <span>% desc% </ span> </ P>', linktext: 'Kusoma zaidi', linkHTML: '<a href="%link%">% linktext% kuhusu ilani%% </a>' }); example_slider .addSlide ({Image: 'img / slide_1.jpg', cheo: 'Slide 1', maelezo: 'Maelezo', kiungo: 'http: // tovuti'}) .addSlide ({Image: 'img / slide_2.jpg', cheo: 'Slide 2', maelezo: 'Maelezo', kiungo: 'http: // tovuti'}) .addSlide ({Image: 'img / slide_3.jpg', cheo: 'Slide 3', maelezo: 'Maelezo', kiungo: 'http: // tovuti'}) .start (); }); </ Muswada> 

Kukaa hadi tarehe!

Kufuata yetu Picha au Twitter na kupata habari za karibuni kuhusu updates bidhaa na Plugins ujao na maandiko!

Unaweza pia kufuata yetu juu ya Instagram na hivi karibuni kwenye YouTube na video tutorials juu ya jinsi ya kufunga Plugins yetu na maandiko!

Changelog

Desemba 8, 2015

- Javascript kificho imekuwa kuandikwa upya.
- Imagesloaded.js Muswada sasa ni hiari.
- HTML imeondolewa. Sasa ni kabisa kujenga kutoka javascript.
- Font kiungo Google ni kuondolewa kutoka kichwa kama ni tena kutumika.
- Slider sasa ni initialized kwa kutumia $ (selector).fws2 ();

- New Njia:

 addSlide - Adds slide to the slider 
start - Starts the slider
restart - Restart the slider
destroy - Remove the slider

- Chaguzi Mpya:

 cs - Current slide; 0 - first, 1 - second etc... 
expandDuration - Initial height animation duration, milliseconds
linktext - Button Text
titleHTML - Custom HTML for the Title (ex. <h4>%title%</h4> )
descriptionHTML - Custom HTML for the Description (ex. <p>%desc%</p> )
linkHTML – Custom HTML for the link button (ex. <a href="%link%">%linktext%</a> )
beforeInit – Function to run before slider init
afterInit – Function to run after slider init
slideStart – Function to run on slide start, returns the slide object
slideEnd – Function to run on slide end, returns the slide object

Aprili 10, 2014

- Slider sasa inasaidia matukio mbalimbali juu ya ukurasa.
- Aliongeza risasi navigation.
- Arrow / risasi urambazaji inaweza kubadilishwa na ON / OFF sasa.
- Aliongeza chaguo Disable autoslide kuacha juu ya mouseover.
- Slider sasa anatumia font-kutisha badala ya picha kwa mishale urambazaji na risasi.
- Keyboard Aliongeza kushoto / kulia arrow navigation.


Download
Vipengele vingine katika jamii hiiKila sehemu ya mwandishi huyu
MaoniMara kwa mara kuulizwa maswali na majibu

Mali

Kuundwa:
16 Novemba 12

Badiliko:
8 Desemba 15

High Azimio:
Ndiyo

Sambamba Browsers:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Files Pamoja:
JS JavaScript, HTML, CSS

Programu Version:
jQuery

Keywords

eCommerce, eCommerce, Vitu zote, kamili, javascript, jQuery, JS, msikivu, slider, slideshow, upana