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

Vertical Sidebar Gallery - jQuery Slider

— சேர்க்க - இல் WorldWideScripts.net செய்ய

தேதி வரை தங்க எங்கள் ஜூன் குழுசேர்!

புதிய! நீங்கள் அதை விரும்பவில்லை என நம்மை பின்பற்ற!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

செங்குத்து பக்கப்பட்டி தொகுப்பு மூன்று சுழற்சி டிகிரி ஒரு அதிர்ச்சி தரும் செங்குத்து படத்தை ஸ்லைடர் உருவாக்க என்று ஒரு jQuery சொருகி மற்றும் தீம் வார்ப்புருக்கள் உள்ளது. செங்குத்து பக்கப்பட்டி தொகுப்பு உங்கள் வலைத்தளத்தின் பக்கப்பட்டியில் ஒரு சரியான துணை. நீங்கள் ஒரு படத்தை கேலரி அல்லது இடம்பெற்றது பதவியை சுருள் அதை பயன்படுத்த முடியும். குறிப்பிட்ட இடத்தில் உள்ளடக்கம் வரம்பற்ற அளவு போடு! நீங்கள் உங்கள் உள்ளடக்கத்தை HTML உருவாக்க வேண்டும் மற்றும் கேலரி ஓய்வு செய்வேன். அது உள்ளுணர்வு, நவநாகரீக உள்ளது, மற்றும் எந்த வலைத்தளத்தின் பயனர் அனுபவம் அதிகரிக்க செய்யும்.

சொருகி பயன்படுத்த எப்படி? அடிப்படையில் நீங்கள் basic.html கோப்பு தொடங்க முடியும். 1. நகல் basic.html கோப்பு இருந்து HTML (இடையே... குறிச்சொற்களை குறியீடு). <இணைப்பு ரெல் = "நடைதாள்" href = "CSS / style.css" வகை = "உரை / CSS" /> 3. necessare JavaScript கோப்புகளை சேர்க்கவும்:: <ஸ்கிரிப்ட் src = "JS / jQuery 2. பாணி கேலரி நடைதாளுடன் அடங்கும் -1.7.1.min.js "> </ ஸ்கிரிப்ட்> <ஸ்கிரிப்ட் src =" JS / jQuery-mousewheel-3.0.6 / jquery.mousewheel.min.js "> </ ஸ்கிரிப்ட்> <ஸ்கிரிப்ட் src =" JS / flowslider.jquery.js "> </ ஸ்கிரிப்ட்> <ஸ்கிரிப்ட் src =" JS / vsg.flowslider.jquery.js "> </ ஸ்கிரிப்ட் jQuery சொருகி அழைப்பதன் மூலம் கேலரி பயன்படுத்தி> 4. தொடக்கம்:. <ஸ்கிரிப்ட்> jQuery () தயாராக ( செயல்பாடு ($) {$ ( "VSG-மடக்கு.") VerticalSidebarGallery ();.}); </ ஸ்கிரிப்ட்>

. <ஸ்கிரிப்ட்> JQuery () தயாராக (செயல்பாடு ($) {$ ( "VSG-மடக்கு.") VerticalSidebarGallery ({பிற்சேர்க்கை::. "VSG", // CSS வர்க்கம் முன்னொட்டு showHoverBars: உங்கள் கேலரி பின்வரும் விருப்பங்களை பயன்படுத்த தனிப்பயனாக்க உண்மை கிடைமட்ட சுழற்சிகள் rotateThumbnails பயன்படுத்த என்பதை //, உண்மை: செங்குத்து சுழற்சிகள் rotateHorizontal பயன்படுத்த என்பதை //, உண்மை:, என்பதை // மேல் இடது மிதவை மெனு rotateVertical காட்ட சிறு சுழற்சி பயன்படுத்த என்பதை //, உண்மை optionsSliderHorizontal : {}, // கிடைமட்ட ஸ்லைடர் optionsSliderVertical ஓட்டம் ஸ்லைடர் விருப்பங்கள்: {}, // செங்குத்து ஸ்லைடர்களை optionsSliderThumbnail ஓட்டம் ஸ்லைடர் விருப்பங்கள்: {} // சிறு ஸ்லைடர்களை பாய்ச்சல் ஸ்லைடர் விருப்பங்கள்});}); </ ஸ்கிரிப்ட்>

சிறந்த பாய்ச்சல் ஸ்லைடர் விருப்பத்தை புரிந்து கொள்ள நீங்கள் அதன் வலைத்தளத்தில் வருகை ஊக்குவிக்கப்படுகிறார்கள். உதாரணமாக, ஒரு அனிமேஷன் இல்லாமல் தன்னுடைய நிலையை மாற்றிக் கிடைமட்ட ஸ்லைடர் செய்ய, ஆனால் உடனடியாக, வெறும் optionsSliderHorizontal அமைக்க: {அனிமேஷன்: "இல்லை"}

உங்கள் புகைப்படங்கள் செங்குத்து பட கேலரி நிறுவப்பட்ட ஐந்து வடிவமைப்பு கருப்பொருள்கள் வருகிறது தனிப்பயனாக்கலாம். .vsg-threadless,.vsg-நெருக்கமான தோற்றத்தை,.vsg-புல், அல்லது.vsg-சேர்க்கை: வெறும் தோல் வகுப்புகள் ஒன்று ஸ்லைடர் மீது ஒரு உறுப்பு உருவாக்க. ஆனால், ஹே, நீங்கள் உங்கள் வடிவமைப்பு கண்டுபிடிக்க முடியவில்லை என்றால், அது இன்னும் உங்கள் சொந்த தோற்றத்தை உருவாக்க எளிதானது. வெறும் CSS தோல் கோப்புகளை ஒன்றாக வண்ணங்களை மாற்ற.

நீங்கள் விரும்பும் எந்த அகலம் செங்குத்து பக்கப்பட்டி தொகுப்பு நீட்டி முடியும் உங்கள் ஸ்லைடர் அளவு மாற்ற. ஐந்து அகலம் விருப்பங்களை நீங்கள் நிறுவப்பட்டுள்ளன:.vsg-180,.vsg-200,.vsg-250,.vsg-300. அல்லது அளவு CSS கோப்புகளை ஒன்றாக தனிப்பயனாக்கி உங்கள் சொந்த அளவு உருவாக்க.

மல்டி சிறு ஒரு சிறு மேற்பட்ட படத்தை சேர் மற்றும் முடிவிலா படத்தை rotator அந்த படங்களை ஸ்க்ரோல் உருவாக்கப்படும்.

3-ல் 1 ஸ்லைடர் மூன்று ஸ்லைடர்களை சக்தி இந்த டெம்ப்ளேட்: கிடைமட்ட குழு ஸ்லைடர், செங்குத்து சிறு ஸ்லைடர், மற்றும் கிடைமட்ட படத்தை rotator.

மேல் திசை மேல் திசை பொத்தான்கள் கிளிக் செய்வதன் அல்லது மேல்-இடது திசை செவி நகர்த்துவதன் மூலம் மேல் பேனல்கள் படவில்லை.

மவுஸ் வீல் சுட்டி சுருள் சக்கர பயன்படுத்தி உயர்மட்ட குழு உள்ளடக்கத்தை உருட்டும் ஸ்லைடர் மீது உங்கள் கர்சரை வைக்கவும்.

உலாவியின் ஐ புல காட்சியகங்கள் மூலம் கட்டுப்பாட்டாளர் செல்லவும் ஹாஷ். உதாரணமாக, இந்த பக்கத்தின் URL # 3 சேர்க்க மற்றும் அதை புதுப்பிக்க.

பயர்பாக்ஸ், இன்டர்நெட் எக்ஸ்புளோரர், குரோம், சபாரி, ஓபரா: உலாவி ஆதரவு செங்குத்து பட தொகுப்பு போன்ற, அனைத்து முக்கிய உலாவிகளில் ஆதரிக்கிறது. CSS3 மாற்றங்கள்

CSS3 மாற்றம் சொத்து ஆதரிக்கிறது. வன்பொருள் CSS3 மாற்றங்கள் துரிதப்படுத்தியது ஒரு ஸ்லைடர் உருவாக்க.

பாய்ச்சல் ஸ்லைடர் இந்த டெம்ப்ளேட் endlesly வாடிக்கையாளர்களின் மற்றும் நெகிழ் குறைபாடற்ற உறுதி இது பாய்ச்சல் ஸ்லைடர் இலவச jQuery சொருகி, மூலம் இயக்கப்படுகிறது.

வாடிக்கையாளர்களின் சொருகி இந்த jQuery சொருகி பயன்படுத்தி போது விருப்பத்தை மாற்றுவதன் மூலம், கேலரியில் அனைத்து அம்சங்கள் தனிப்பயனாக்கலாம்.


பதிவிறக்க
இந்த பிரிவில் மற்ற கூறுகள்இந்த எழுத்தாளர் அனைத்து கூறுகளும்
Commentsஅடிக்கடி கேள்விகள் மற்றும் பதில்கள் கேட்டார்

பண்புகள்

உருவாக்கப்பட்டது:
23 மார்ச் 12

கடைசியாக புதுப்பிக்கப்பட்டது:
23 மார்ச் 12

தகுதியானதா உலாவிகள்:
IE6, IE7, IE8, IE9, பயர்பாக்ஸ், சபாரி, ஓபரா, குரோம்

கோப்புகள்:
ஜாவா JS, HTML, CSS,

மென்பொருள் பதிப்பு:
பிற, jQuery,

முக்கிய வார்த்தைகள்

இணையவழி, இணையவழி, அனைத்து பொருட்கள், கொணர்வி, கேலரி, படத்தை, இடைமுகம், ஜாவா JS, jQuery, சுட்டி நடவடிக்கை, படம், சொருகு, முன்னோட்ட, சுழலும், ஸ்லைடர், சிறு, UI, செங்குத்து