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 sa WorldWideScripts.net

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Full Width Slider 2 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Full Lapad Slider 2 ay madaling gamitin jQuery slider image-optimize para sa buong lapad ng screen.

Mga Tampok

- JQuery hinihimok.
- Tumutugon disenyo.
- Adjustable bilis ng transition.
- Auto slideshow na may pause sa hover.
- Tugma sa lahat ng mga pangunahing browser (IE8 at sa itaas, Chrome, Firefox, Safari at Opera)
- Maaaring magdagdag ng Pamagat, Paglalarawan at button Link sa bawat slide.

Bagong Paraan:

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

Bagong mga pagpipilian:

 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

Halimbawa sa lahat ng mga setting:

 <script type = "text / javascript"> $ (document).ready (function () { // Gumawa ng bagong slider halimbawa var my_slider = $ ('. example') fws2 ().; // Itakda ang mga setting slider (opsyonal) Maaari mong ganap na huwag pansinin ang block na ito my_slider.settings ({ cs: 0, // Kasalukuyang slide; 0 - una, 1 - ikalawang etc... tagal: 750, // tagal Slide; milliseconds hoverpause: 1, // I-pause sa hover; 1 - Oo, 0 - No pause: 6000, // pause bago pumunta sa susunod na slide; milliseconds arrow: 1, // Display arrow; 1 - Oo, 0 - No bullet: 0, // Display bullet; 1 - Oo, 0 - No expandDuration: 750, // Display arrow; 1 - Oo, 0 - No linktext: 'Magbasa pa', // Text Button (Global setting) // Mga advanced na pagpipilian titleHTML: '<h4>% titulong% </ h4>', // Custom HTML para sa Title descriptionHTML: '<p>% desc% </ p>', // Custom HTML para sa Paglalarawan linkHTML: '<a href="%link%">% linktext% </a>', // para sa pindutan link Custom HTML beforeInit: function () {}, // Function na tumakbo bago slider init afterInit: function () {}, // Function na tumakbo pagkatapos ng slider init slideStart: function (slide) {}, // Function upang tumakbo sa start slide, nagbabalik ang slide object nagbabalik function (slide) {} // Function na tumakbo sa slide katapusan, ang mga slide object: slideEnd }); // Pagdaragdag slide my_slider.addSlide ({ Imahe: 'img / slide_1.jpg', source Image // title: 'Slide 1', // Pamagat paglalarawan: 'Paglalarawan', // Paglalarawan Slide linktext: '', // Text Button (Opsyonal, ay gamitin ang mga setting sa global kung hindi man) link: 'http: // website' // Magbasa pa link URL }); // Simulan ang slider my_slider.start (); }); </ script> 

Maikling halimbawa nang variable, gamit ang pagdudugtong:

 <script type = "text / javascript"> $ (document).ready (function () { $ ('. example1') .fws2 ({bullet: 1, arrow: 0}) .addSlide ({image: 'img / slide_1.jpg', title: 'Slide 1', paglalarawan: 'Paglalarawan', link: 'http: // website'}) .addSlide ({image: 'img / slide_2.jpg', title: 'Slide 2', na paglalarawan: 'Paglalarawan', link: 'http: // website'}) .addSlide ({image: 'img / slide_3.jpg', title: 'Slide 3', paglalarawan: 'Paglalarawan', link: 'http: // website'}) .start (); }); </ script> 

Halimbawa ng paggamit ng function na callback

 <script type = "text / javascript"> $ (document).ready (function () { var example_slider = $ ('. example2') fws2 ().; example_slider.settings ({ afterInit: function () { alert ('Slider handa!'); }, slideEnd: function (slide) { var title = slide.find ("title.") text ().; alert ('Ito ang' + title); } }); example_slider.addSlide ({image: 'img / slide_1.jpg', title: 'Slide 1', paglalarawan: 'Paglalarawan', link: 'http: // website'}); example_slider.addSlide ({image: 'img / slide_2.jpg', title: 'Slide 2', na paglalarawan: 'Paglalarawan', link: 'http: // website'}); example_slider.addSlide ({image: 'img / slide_3.jpg', title: 'Slide 3', paglalarawan: 'Paglalarawan', link: 'http: // website'}); example_slider.start (); }); </ script> 

Halimbawa ng pag-customize ng HTML

 <script type = "text / javascript"> $ (document).ready (function () { var example_slider = $ ('. example4') fws2 ().; example_slider.settings ({ titleHTML: '<h1> <a href="%link%">% titulong% </a> </ h1>', descriptionHTML: '<p> <i class = "fa fa-check ang" /> <span>% desc% </ span> </ p>', linktext: 'Magbasa nang higit pa', linkHTML: '<a href="%link%">% linktext% tungkol% titulong% </a>' }); example_slider .addSlide ({image: 'img / slide_1.jpg', title: 'Slide 1', paglalarawan: 'Paglalarawan', link: 'http: // website'}) .addSlide ({image: 'img / slide_2.jpg', title: 'Slide 2', na paglalarawan: 'Paglalarawan', link: 'http: // website'}) .addSlide ({image: 'img / slide_3.jpg', title: 'Slide 3', paglalarawan: 'Paglalarawan', link: 'http: // website'}) .start (); }); </ script> 

Manatiling up to date!

Sundin amin sa Facebook o Twitter at makakuha ng mga pinakabagong balita tungkol sa mga update item at paparating na mga plugin at mga script!

Maaari mo ring sundan kami sa Instagram at sa lalong madaling panahon sa YouTube na may mga tutorial ng video sa kung paano i-install ang aming plugin at mga script!

Changelog

Disyembre 8, 2015

- Javascript code ay muling pagsusulat.
- Imagesloaded.js script ay opsyonal na ngayon.
- HTML ay inalis na. Ito ay lubos na ngayong bumuo ng mula sa javascript.
- Link Google font ay inalis mula sa ulo tulad ng ito ay hindi na ginagamit.
- Slider ay nasimulan na ngayon sa pamamagitan ng paggamit $ (selector).fws2 ();

- Bagong Paraan:

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

- Bagong mga pagpipilian:

 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

Abril 10, 2014

- Sinusuportahan na ngayon ng Slider ng maramihang mga kaso sa pahina.
- Nagdagdag ng bullet navigation.
- Maaaring naka-ON Arrow / bullet navigation / OFF ngayon.
- Nagdagdag ng pagpipilian upang huwag paganahin autoslide stop sa mouseover.
- Slider ngayon ay gumagamit ng font-kahanga-hangang sa halip ng mga imahe para sa mga pana-navigate at mga bullet.
- Kaliwa Idinagdag keyboard / kanang mga arrow navigation.


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
Nobyembre 16 12

Huling Update:
Disyembre 8 15

High Resolution:
Oo

Katugmang Browser:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Kasamang File:
JavaScript JS, HTML, CSS

Bersyon ng Software:
jQuery

Keyword

eCommerce, eCommerce, Lahat ng bagay, puno, javascript, jquery, js, nakikiramay, slider, slideshow, lapad