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 کے طور پر استعمال کر سکتے ہیں. محدود جگہ میں مواد کی لامحدود رقم رکھو! آپ کو صرف آپ کے مواد کے HTML پیدا کرنے کی ضرورت ہے اور گیلری، نگارخانہ آرام کروں گا. یہ رجحان، بدیہی ہے، اور کسی بھی ویب سائٹ کے صارف کے تجربے کو بہتر بنائے گا.

پلگ ان کیسے استعمال کریں؟ بنیادی طور پر آپ کی فائل basic.html ساتھ شروع کر سکتے. 1.کاپی basic.html فائل سے HTML (درمیان ...ٹیگز کوڈ). <لنک ریل = "stylesheet میں" href کی = "سی ایس ایس / style.css کو" قسم = "متن / سی ایس ایس" /> 3.necessare جاوا اسکرپٹ فائلوں میں شامل ہیں:: <سکرپٹ ایسآرسی = "جے ایس / jQuery کے 2.گیلری، نگارخانہ انداز کرنے stylesheet میں شامل کریں -1.7.1.min.js "> </ سکرپٹ> <سکرپٹ ایسآرسی =" جے ایس / jQuery سے mousewheel کے-3.0.6 / jquery.mousewheel.min.js "> </ سکرپٹ> <سکرپٹ ایسآرسی =" جے ایس / flowslider .jquery.js "> </ سکرپٹ> <سکرپٹ ایسآرسی =" جے ایس / vsg.flowslider.jquery.js "> </ سکرپٹ> 4.jQuery پلگ ان کو فون کر کے گیلری، نگارخانہ استعمال کرنا شروع:.<سکرپٹ> jQuery کے () تیار ( تقریب ($) {$ ( "VSG لفاف.") VerticalSidebarGallery ()؛})؛ </ سکرپٹ>

.<سکرپٹ> jQuery کے () تیار (تقریب ($) {$ ( "VSG لفاف.") VerticalSidebarGallery ({اپسرگ:."VSG"، // سی ایس ایس کلاس کا سابقہ ​​showHoverBars: آپ کی گیلری درج ذیل اختیارات کا استعمال اپنی مرضی کے مطابق کرنے کے لئے سچ ، سچ عمودی گردشیں rotateHorizontal استعمال کرنے کے لئے کہ آیا //:، چاہے // اوپر بائیں ہور مینو rotateVertical دکھانے کے لئے افقی گردشیں rotateThumbnails استعمال کرنے کے لئے کہ آیا //، سچے: تھمب نیل گردش استعمال کرنے کے لئے کہ آیا //، سچ optionsSliderHorizontal : {}، افقی سلائیڈر کے لئے optionsSliderVertical // روانی سلائیڈر کے اختیارات: {}، // عمودی sliders کے optionsSliderThumbnail لئے Flow سلائیڈر کے اختیارات: {} // روانی سلائیڈر تھمب نیل sliders کے لئے اختیارات})؛})؛ </ سکرپٹ>

بہتر روانی سلائیڈر کے اختیارات کو سمجھنے کے لئے آپ کو اس کی ویب سائٹ کا دورہ کرنے کی ترغیب دی جاتی ہے. مثال کے طور پر، ایک حرکت پذیری کے بغیر اس کی پوزیشن کو تبدیل کرنے کے لئے افقی سلائیڈر بنانے کے لئے، لیکن فوری طور پر، صرف optionsSliderHorizontal مقرر: {حرکت پذیری: "کوئی نہیں"}

آپ کی گیلری عمودی تصویر گیلری، نگارخانہ نصب پانچ ڈیزائن موضوعات کے ساتھ آتا ہے کی تخصیص. .vsg-threadless، .vsg-CLOSEUP، .vsg گھاس، یا .vsg کومبو: صرف جلد کلاس میں سے ایک کے ساتھ سلائیڈر پر ایک عنصر پیدا. لیکن ارے، آپ کو آپ کے ڈیزائن کو تلاش نہیں کرتے ہیں تو یہ اب بھی آپ کی اپنی نظر پیدا کرنے کے لئے آسان ہے. بس CSS جلد فائلوں میں سے ایک میں رنگ تبدیل.

اگر آپ چاہیں کسی بھی چوڑائی کے عمودی سائڈبار گیلری بڑھاتے کر سکتے ہیں آپ سلائیڈر کا سائز تبدیل. پانچ چوڑائی کے اختیارات آپ کے لئے نصب کر رہے ہیں: .vsg-180، .vsg-200، .vsg اے 250، .vsg-300. یا سائز CSS فائلوں میں سے ایک کی تخصیص کی طرف سے آپ کے اپنے سائز کی تخلیق.

ملٹی تمبنےل تھمب نیل پر ایک سے زیادہ تصویر کا اضافہ کریں اور ایک لامتناہی تصویر rotator ان تصاویر کے ذریعے سکرال کرنے کے لئے پیدا کیا جائے گا.

3 میں 1 سلائیڈر تین sliders طاقت اس سانچے: افقی پینل سلائیڈر، عمودی تھمب نیل سلائیڈر، اور افقی تصویر rotator.

سب سے اوپر نیویگیشن نیویگیشن بٹن پر کلک کرنے یا اوپر بائیں نیویگیشن لیجنڈ ہوور کی طرف سے سب سے پینل سلائیڈ.

ماؤس وہیل ماؤس اسکرول پہیا کا استعمال کرتے ہوئے سب سے اوپر پینل مواد سکرال کرنے کی سلائیڈر پر آپ کا کرسر رکھیں.

براؤزر کا یو آر ایل ہیش کے ساتھ گیلریوں کے ذریعے کنٹرولر جائیں ہیش. مثال کے طور پر، اس صفحے کے یو آر ایل پر # 3 شامل کریں اور اسے تروتازہ.

فائر فاکس، انٹرنیٹ ایکسپلورر، کروم، سفاری، اوپیرا: براؤزر کی سہولت عمودی تصویر گیلری، نگارخانہ کی طرح، تمام بڑے براؤزر کی حمایت کرتا ہے. CSS3 ٹرانزیشن

CSS3 منتقلی جائیداد کی حمایت کرتا. ہارڈ ویئر تیز CSS3 ٹرانزیشن کے ساتھ ایک سلائیڈر بنائیں.

روانی سلائیڈر اس سانچے endlesly مرضی کے مطابق ہے اور سلائڈنگ بے عیب یقینی بناتا ہے جس کی روانی سلائیڈر مفت jQuery پلگ ان کے ذریعے طاقت ہے.

مرضی کے مطابق پلگ ان اس jQuery پلگ ان کا استعمال کرتے وقت اختیار کو تبدیل کرنے کی طرف گیلری، نگارخانہ کی تمام خصوصیات کو بہتر کریں.


ڈاؤن لوڈ، اتارنا
اس زمرے میں دیگر اجزاءاس مصنف کے تمام اجزاء
تبصرہاکثر سوالات اور جوابات سے پوچھا

پراپرٹیز

پیدا کیا:
23 مارچ 12

آخری اپ ڈیٹ:
23 مارچ 12

ہم آہنگ براؤزر:
IE6، IE7، IE8، IE9، فائر فاکس، سفاری، اوپیرا، کروم

فائلیں:
جے ایس جاوا سکرپٹ، HTML، CSS

سافٹ ویئر ورژن:
دیگر، jQuery کے

مطلوبہ الفاظ

ای کامرس, ای کامرس, تمام اشیاء, carousel کے, گیلری, نگارخانہ, تصویر, انٹرفیس, جاوا اسکرپٹ جے ایس, jQuery کے, ماؤس اقدام, تصویر, رابطہ بحال کرو, پیش نظارہ, بلاگ, سلائیڈر, تھمب نیل, UI, عمودی