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

Degrade - The Swiss Army Slider

— Add-On sa WorldWideScripts.net

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

Bago! Sundin amin sa gusto mo!


Degrade - The Swiss Army Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

sundin SakuraPixelYoucanelso WRITEUS

Pababain ang sarili - Ang tumutugon para sa lahat na layunin Slider

Pababain ang sarili - ang Swiss-hukbong-slider ay isang para sa lahat na layunin, ganap na nako-customize na slider, na may madaling tablan pag-uugali at ang lahat ng-in-one na mga tampok. Ito sports isang pagkakaiba-iba pagpipilian 40+, hitsura ang slider ay maaaring ma-customize sa pamamagitan nito 8 iba't ibang mga anino, 4 na magkakaibang sulok ng estilo, 6 iba't ibang mga uri ng kontrol, walang limitasyong mga kulay, ang mga shortcode, estilo ng caption, fullscreen pag-uugali, na nagbibigay sa iyo ng posibilidad ng paggawa ng literal daan-daang iba't ibang mga slider.

Ang slider ay maaaring magamit rin bilang isang banner, maaari play ang video, ay maaaring magpakita ng mga caption kung saan man gusto mo, maaring gamitin bilang tool sa advertising pati na rin ang display panel.

Gawin ang mga pinakamahusay na ito!

Mga Tampok:

Pagkakaiba-iba Disenyo
Madaling baguhin ang hitsura nito at nararamdaman sa loob ng segundo. Pababain ang sarili Slider ay may napakaraming prebuilt mga asset tulad ng mga anino, sulok, control. Walang limitasyong mga kulay, maaari mong madaling baguhin ang kulay ng bawat component ng loob ang slider sa paggawa ng kakaiba. Bilang kahalili maaari mong hindi paganahin ang anumang bahagi ng disenyo at lumikha ng HTML banner na tumatakbo sa lahat ng mga aparato.

Pagganap
Ang lahat ng mga slide ay dynamic na load sabsaban Ajax, bayaran namin ng espesyal na pansin sa pagganap nito habang pinapanatiling mayaman disenyo nito, ang mga slide ay magagamit sa lalong madaling ang mga ito ay load, walang memorya paglabas, pababain ang sarili Slider ay na-optimize din para sa touch / i-drag ang mga kaganapan screen.

Shortcode
Pababain ang sarili Slider ay may builtin shortcode. Shortcode ginagawang madali upang magdagdag ng iba't ibang mga elemento na maaaring kailangan mo sa loob ng slider. Halimbawa kailangan mo ng isang pulang pindutan na may bilugan ang mga kanto, idagdag mo lamang ang sumusunod na code sa loob ng isang caption:

 <a href="http://yourlink.com" </a> class="degradeButton roundButton red"> Pindutan 

Tingnan ang lahat ng magagamit na mga shortcode loob ng preview.

Nakikiramay
Ka man sa pagpapakita sa mga desktop, tablet, Mobile, ang iyong trabaho, ang iyong mga imahe, ang iyong mga produkto ay palaging hitsura ang parehong!

PSD at Tulong file
Pababain ang sarili Slider ay may layered PSD at ang lahat ng mga elemento ng disenyo (mga anino, arrow, mga pindutan at mga sulok). Tingnan ang help file dito: Readme

Mga pagpipilian sa Slider

 slideAnimationType: "easeOutQuint", // animation / uri ng paglipat ng slider ng slideAnimationDuration: 600, // ang mga slides tagal default animation enableTouchDragSlides: totoo, // paganahin / huwag paganahin ugnay at i-drag ang mga slide Autoplay: false, // autoplay mga slide autoPlayInterval: 5000, // agwat ng autoplay (5 segundo) pauseAutoplayOnHover: totoo, //-pause ang autoplay sa hover autoPlayStopAtEnd: totoo, // stop autoplay sa dulo (maaaring gamitin para sa paglikha ng banner) autoScale: totoo, // tumutugon pag-uugali showShadow: totoo, // ipakita ang slider anino shadowType: 'ShadowType01', // uri ng anino (mayroong 8 uri ng anino magagamit ShadowType01.... sa... ShadowType08) showBottomCorners: totoo, // palabas ilalim na sulok bottomCornersStyle: "CornerStyle01", // estilo ng kanto (mayroong 4 na mga uri ng sulok magagamit CornerStyle01.... sa... CornerStyle04) showCenterButtons: // totoo, pindutan palabas center navigation showCenterButtonsBackground: false background, // pindutan ng nabigasyon ng palabas center centerButtonsAdjustPosition: 20, // ayusin center pindutan nabigasyon vertical na posisyon (hal: 20 o -20) showCenterButtonsStyle: "Style01", // estilo ng pindutan ng center nabigasyon (mayroong dalawang mga estilo magagamit Style01 at Style02) enableKeyboardNav: totoo, // paganahin / huwag paganahin nabigasyon keyboard showSliderBackground: totoo, // paganahin ang background / huwag paganahin ang mga slider ng sliderBackgroundColor: "#FFFFFF", kulay ng background ng mga slider // sliderBackgroundOpacity: 0.2, // background opacity ng mga slider sliderShowBorder: totoo, // paganahin ang hangganan / huwag paganahin ang mga slider ng sliderBorderColor: "#FFFFFF", Kulay ng border ng mga slider ng // sliderShowInnerBorder: totoo, // paganahin ang panloob na hangganan / huwag paganahin ang mga slider ng sliderInnerBorderColor: "#FFFFFF", Kulay ng border ng // slider ng panloob mga arrow totoo //, paganahin / huwag paganahin ang mga slider ng navigation: showLeftRightNav showLeftRightNavIsBackground: false, background arrow nabigasyon // slider ng leftRightNavBackgroundColor: "# 212121", kulay ng background arrow nabigasyon slider ng // leftRightNavType: "Nav04", // uri ng mga arrow nabigasyon slider ng (mayroong 4 na mga uri ng magagamit: Nav01 sa Nav04) leftNavAdjustPosition: 10, // ayusin ang pahalang na posisyon ng kaliwang arrow nabigasyon rightNavAdjustPosition: -10, // ayusin ang pahalang na posisyon ng kanang arrow nabigasyon showSliderPreloader: totoo, // paganahin / huwag paganahin preloader slider ng showDragCursor: false, // palabas i-drag ang cursor enableFullScreen: totoo, // paganahin / huwag paganahin ang mga native na full screen (para sa mga browser na sumusuporta sa full screen) normalWidth: 800, // lapad default na slider normalHeight: 400 // default na taas slider 



Caption
Sinusuportahan pababain ang sarili Slider ng walang limitasyong mga caption sa bawat slide, maaari kang magdagdag ng anumang nilalaman na HTML sa loob ng caption.
Ang bawat caption ay nauna nang natukoy na mga katangian at mga animation na maaari mong i-override mula sa loob ng HTML. Tingnan ang available na mga katangian sa ibaba.

 positionX: "0", // posisyon caption X positionY: "0", // Y posisyon ng caption animation: "Wala", // animation caption ng cpuld maging (Wala, SlideFromLeft, SlideFromRight, SlideFromTop, SlideFromBottom) animationType: "easeOutQuint", // uri ng paglipat ng animation (tingnan TANDAAN itaas) animationDuration: 500, // tagal animation (tingnan TANDAAN itaas) delayAnimation: 0, // pagka-antala ng pagsisimula ng animation (tingnan TANDAAN itaas) isBackground: "false" // background caption backgroundColor: "# 212121", kulay ng background ng caption // backgrondTransparency: 0.5, // background caption transparency fullWidthVideo: "false" // caption buong lapad ng video (tingnan ang sample sa video) 



Iba pang Katangian

  • Suporta sa full-screen
  • Pindutin optimize
  • jQuery Pinapatakbo
  • Walang limitasyong pagkakaiba-iba ng kulay
  • Custom Design
  • Kasamang PSD Source
  • Kasamang Documentation

Mga Pinasasalamatan

I-preview ang Imahe ( Fotolia.com ). Mangyaring tandaan na ang mga larawan ng preview ay hindi kasama sa loob ng download file.
Ang mga imahe kasama sa loob ng file download ( Publicdomainpictures.net ).
Icon Lobo Social Media Itinakda ng ( double-J Design ).

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:
27 Hulyo 12

Huling Update:
N / A

High Resolution:
Hindi

Mga katugmang Mga Browser:
IE8, IE9, Firefox, Safari, Opera, Chrome

File Kasamang:
JavaScript JS, HTML, CSS, Layered PSD, PNG Layered

Software Bersyon:
jQuery

Keyword

eCommerce, ang lahat ng Item, ajax, ang lahat ng mga kulay, banner maker, html slider, jquery, minimal, mobile, plugin, matugunin slider, ugnay, slider video