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 প্লাগিন এবং থিম টেমপ্লেট যে তিনটি ঘূর্ণন ডিগ্রী সঙ্গে একটি অত্যাশ্চর্য উল্লম্ব ইমেজ স্লাইডার তৈরি হয়. উল্লম্ব সাইডবার গ্যালারি আপনার ওয়েবসাইটের সাইডবারে জন্য একটি নিখুঁত সহচর. আপনি একটি ইমেজ গ্যালারি বা বৈশিষ্ট্যযুক্ত পোস্ট scroller হিসাবে এটি ব্যবহার করতে পারেন. সীমিত স্থান বিষয়বস্তুর সীমাহীন পরিমাণ রাখুন! আপনি শুধু আপনার বিষয়বস্তু এইচটিএমএল উৎপন্ন করার প্রয়োজন এবং গ্যালারি বাকি কাজ হবে. এটা প্রচলিতো, স্বজ্ঞাত, এবং কোন ওয়েবসাইটের ব্যবহারকারীর অভিজ্ঞতা উন্নত হবে.

কিভাবে প্লাগিন ব্যবহার করতে হয়? মূলত আপনি basic.html ফাইল দিয়ে শুরু করতে পারেন. 1. কপি basic.html ফাইল থেকে এইচটিএমএল (মধ্যে... ট্যাগ কোড). <Link rel = "স্টাইলশীট" href = "CSS / style.css" টাইপ = "টেক্সট / CSS" /> 3. necessare জাভাস্ক্রিপ্ট ফাইল অন্তর্ভুক্ত: <স্ক্রিপ্ট src = "JS / jQuery 2. গ্যালারি শৈলী স্টাইলশীট অন্তর্ভুক্ত -1.7.1.min.js "> </ script> <স্ক্রিপ্ট src =" JS / jQuery-mousewheel-3.0.6 / jquery.mousewheel.min.js "> </ script> <স্ক্রিপ্ট src =" JS / flowslider.jquery.js "> </ script> <স্ক্রিপ্ট src =" JS / vsg.flowslider.jquery.js "> </ script> 4. স্টার্ট jQuery এর প্লাগইন কলিং দ্বারা গ্যালারি ব্যবহার:. <স্ক্রিপ্ট> jQuery এর () জন্য প্রস্তুত ( ফাংশন ($) {$ ( "vsg-মোড়ানো.") VerticalSidebarGallery ();.}); </ Script>

কাস্টমাইজ করতে আপনার গ্যালারি নিম্নলিখিত বিকল্পগুলি ব্যবহার:. <স্ক্রিপ্ট> jQuery এর () জন্য প্রস্তুত (ফাংশন ($) {$ ( "vsg-মোড়ানো.") VerticalSidebarGallery ({উপসর্গ:. "vsg", // CSS বর্গ প্রিফিক্স showHoverBars: সত্য কিনা // উপরের বাঁদিকের উপর কার্সার রেখে দেখুন মেনু rotateVertical দেখানোর জন্য: সত্য কিনা // উল্লম্ব ঘুর্ণন rotateHorizontal ব্যবহার করার জন্য:, সত্য কিনা // অনুভূমিক ঘুর্ণন rotateThumbnails ব্যবহার করার জন্য:, সত্য কিনা // থাম্বনেইল ঘূর্ণন ব্যবহার করতে optionsSliderHorizontal : {}, অনুভূমিক স্লাইডার optionsSliderVertical জন্য // ফ্লো স্লাইডার অপশন: {}, // উল্লম্ব স্লাইডার optionsSliderThumbnail জন্য ফ্লো স্লাইডার অপশন: {} // ফ্লো স্লাইডার থাম্বনেইল স্লাইডার জন্য অপশন});}); </ Script>

ভাল ফ্লো স্লাইডার এর বিকল্প বোঝার জন্য আপনি তার ওয়েবসাইট ভিজিট করার পরামর্শ দেওয়া হয়. উদাহরণস্বরূপ, একটি অ্যানিমেশন ছাড়া তার অবস্থান পরিবর্তন করতে অনুভূমিক স্লাইডার করতে, কিন্তু সঙ্গে সঙ্গে, শুধু optionsSliderHorizontal সেট: {অ্যানিমেশন: "কিছুই না"}

কাস্টমাইজ করুন আপনার গ্যালারি উল্লম্ব ইমেজ গ্যালারি ইনস্টল পাঁচটি নকশা থিম সঙ্গে আসে. .vsg-Threadless,.vsg-আপগুলি,.vsg-ঘাস, বা.vsg-কম্বো: শুধু ত্বক শ্রেণীর এক সঙ্গে স্লাইডার উপর একটি উপাদান তৈরি. কিন্তু হেই, যদি আপনি আপনার নকশা খুঁজে না এটা এখনও আপনার নিজের চেহারা তৈরি করা সহজ. শুধু সিএসএস চামড়া ফাইল এক রং পরিবর্তন করতে পারেন.

আপনার স্লাইডার এর সাইজ আপনি কোনো প্রস্থ প্রতি ইচ্ছা উল্লম্ব সাইডবার গ্যালারি প্রসারিত করতে পরিবর্তন করুন. পাঁচ প্রস্থ অপশন আপনার জন্য ইনস্টল করা হয়:.vsg-180,.vsg -200,.vsg-250,.vsg -300. বা আকার সিএসএস ফাইল এক customizing দ্বারা আপনার নিজের আকার তৈরি.

মাল্টি থাম্বনেল একটি থাম্বনেইল একাধিক ইমেজ যোগ করুন এবং একটি অসীম ইমেজ চক্রকার যারা ইমেজ মাধ্যমে স্ক্রল করার জন্য তৈরি করা হবে.

3 ইন 1 স্লাইডার তিনটি স্লাইডার ক্ষমতা এই টেমপ্লেটটি: অনুভূমিক প্যানেল স্লাইডার, উল্লম্ব থাম্বনেইল স্লাইডার, এবং অনুভূমিক ইমেজ চক্রকার.

উপরের ন্যাভিগেশন উপরের ন্যাভিগেশন বাটন ক্লিক করতে পারেন অথবা উপরের বামে পরিভ্রমন কিংবদন্তি ঝুলে দ্বারা শীর্ষ প্যানেল স্লাইড.

মাউস হুইল স্লাইডার উপর আপনার কার্সার রাখুন মাউস স্ক্রল চাকা ব্যবহার উপরের প্যানেলে বিষয়বস্তু স্ক্রল করতে.

ব্রাউজারের URL টি হ্যাশ সঙ্গে গ্যালারী মাধ্যমে কন্ট্রোলার নেভিগেট হ্যাশ. উদাহরণস্বরূপ, এই পৃষ্ঠার URL এ # 3 যোগ এবং এটি রিফ্রেশ করুন.

ফায়ারফক্স, ইন্টারনেট এক্সপ্লোরার, ক্রোম, সাফারি, অপেরা: ব্রাউজার সাপোর্ট উল্লম্ব ইমেজ গ্যালারি মত, সব প্রধান ব্রাউজার সমর্থন করে. CSS 3 ট্রানজিশন

CSS 3 ট্রানজিশন সম্পত্তি সমর্থন করে. হার্ডওয়্যার ত্বরিত CSS 3 রূপান্তরের সঙ্গে একটি স্লাইডার তৈরি করুন.

ফ্লো স্লাইডার এই টেমপ্লেটটি ফ্লো স্লাইডার ফ্রি jQuery এর প্লাগ-ইন, যা endlesly কাস্টমাইজেবল এবং সহচরী নিশ্ছিদ্র নিশ্চিত দ্বারা চালিত হয়.

স্বনির্ধারিত প্লাগইন বিকল্প পরিবর্তন যখন এই jQuery প্লাগিন ব্যবহার দ্বারা গ্যালারি সমস্ত বৈশিষ্ট্য কাস্টমাইজ করুন.


ডাউনলোড করুন
এই বিষয়শ্রেণীতে অন্তর্ভুক্ত অন্যান্য উপাদানএই লেখকের সব উপাদান
মন্তব্যপ্রায়শই জিজ্ঞাসা করা প্রশ্ন এবং উত্তর

বৈশিষ্ট্য

নির্মিত:
23 মার্চ 12

সর্বশেষ আপডেট:
23 মার্চ 12

কি সমঞ্জসে আছে ব্রাউজার:
IE6, IE7, IE8, IE9, ফায়ারফক্স, সাফারি, অপেরা, ক্রোম

ফাইল অন্তর্ভুক্ত:
জাভাস্ক্রিপ্ট জাতীয়, এইচটিএমএল, সিএসএস

সফ্টওয়্যার সংস্করণ:
অন্যান্য, jQuery এর

নাম. মূলশব্দ

ইকমার্স, ইকমার্স, সকল প্রকার, ক্যারোসেলে, দরদালান, ভাবমূর্তি, ইন্টারফেস, জাভাস্ক্রিপ্ট JS, jQuery, মাউস সরানো, ছবি, প্লাগ লাগানো, প্রিভিউ, চক্রকার, স্লাইডার, ছোট, UI, উল্লম্ব