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 ಕಡತದಿಂದ ಎಚ್ಟಿಎಮ್ಎಲ್ (ನಡುವೆ... ಟ್ಯಾಗ್ಗಳು ಕೋಡ್). <Link rel = "ಸ್ಟೈಲ್ಶೀಟ್" href = "CSS / style.css" ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / CSS" /> 3. necessare ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕಡತಗಳಿಗೆ ಸೇರಿಸಿ: <ಸ್ಕ್ರಿಪ್ಟ್ 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-ಕಾಂಬೊ: ಕೇವಲ ಚರ್ಮ ವರ್ಗಗಳ ಒಂದು ಸ್ಲೈಡರ್ ಮೇಲೆ ಒಂದು ಅಂಶ ರಚಿಸಲು. ಆದರೆ ಹೇ, ನಿಮ್ಮ ವಿನ್ಯಾಸ ದೊರೆಯದಿದ್ದಲ್ಲಿ ಅದು ಇನ್ನೂ ನಿಮ್ಮ ಸ್ವಂತ ನೋಟ ರಚಿಸಲು ಸುಲಭ. ಕೇವಲ ಸಿಎಸ್ಎಸ್ ಚರ್ಮದ ಕಡತಗಳ ಒಂದು ಬಣ್ಣಗಳನ್ನು ಮಾರ್ಪಡಿಸಿ.

ನೀವು ಬಯಸುವ ಯಾವುದೇ ಅಗಲಕ್ಕೆ ಲಂಬ ಪಾರ್ಶ್ವಪಟ್ಟಿ ಗ್ಯಾಲರಿ ವಿಸ್ತಾರಗೊಳಿಸಬಹುದು ನಿಮ್ಮ ಸ್ಲೈಡರ್ ಗಾತ್ರ. ಐದು ಅಗಲ ಆಯ್ಕೆಗಳನ್ನು ನೀವು ಸ್ಥಾಪಿಸಲಾಗಿದೆ:.vsg-180,.vsg-200,.vsg-250,.vsg-300. ಅಥವಾ ಗಾತ್ರ ಸಿಎಸ್ಎಸ್ ಕಡತಗಳ ಒಂದು ಗ್ರಾಹಕೀಕರಣ ಮೂಲಕ ನಿಮ್ಮ ಸ್ವಂತ ಗಾತ್ರ ರಚಿಸಲು.

ಬಹು ಚಿಕ್ಕಚಿತ್ರಗಳನ್ನು ಥಂಬ್ನೇಲ್ ಒಂದಕ್ಕಿಂತ ಹೆಚ್ಚು ಇಮೇಜ್ ಸೇರಿಸಿ ಮತ್ತು ಅನಂತ ಇಮೇಜ್ ಆವರ್ತಕ ಆ ಚಿತ್ರಗಳನ್ನು ಕೆಳಗೆ ಚಲಿಸಬಹುದು ನಿರ್ಮಿಸಲಾಗುತ್ತದೆ.

3 ಇನ್ 1 ಸ್ಲೈಡರ್ ಮೂರು ಸ್ಲೈಡರ್ಗಳನ್ನು ಶಕ್ತಿ ಈ ಟೆಂಪ್ಲೇಟ್: ಸಮತಲ ಫಲಕ ಸ್ಲೈಡರ್, ಲಂಬ ಥಂಬ್ನೇಲ್ ಸ್ಲೈಡರ್, ಮತ್ತು ಸಮತಲವಾಗಿರುವ ಇಮೇಜ್ ಆವರ್ತಕ.

ಮುಖ್ಯ ಸಂಚಾರ ಉನ್ನತ ಸಂಚರಣೆ ಬಟನ್ ಕ್ಲಿಕ್ ಅಥವಾ ಮೇಲಿನ ಎಡ ಸಂಚರಣೆ ದಂತಕಥೆ ತೂಗಾಡುತ್ತಿರುವಂತೆ ಮೂಲಕ ಅಗ್ರ ಫಲಕಗಳು ಸ್ಲೈಡ್.

ಮೌಸ್ ವೀಲ್ ಮೌಸ್ ಚಲನ ಚಕ್ರ ಬಳಸಿ ಮೇಲಿನ ಪ್ಯಾನೆಲ್ ವಿಷಯ ಸ್ಕ್ರಾಲ್ ಸ್ಲೈಡರ್ ಮೇಲೆ ನಿಮ್ಮ ಕರ್ಸರ್ ಇರಿಸಿ.

ಬ್ರೌಸರ್ನ URL ಅನ್ನು ಹ್ಯಾಶ್ ಗ್ಯಾಲರಿಗಳು ಮೂಲಕ ನಿಯಂತ್ರಕ ನ್ಯಾವಿಗೇಟ್ ಹ್ಯಾಶ್. ಉದಾಹರಣೆಗೆ, ಈ ಪುಟದ URL ಗೆ # 3 ಸೇರಿಸಲು ಮತ್ತು ರಿಫ್ರೆಶ್.

ಫೈರ್ಫಾಕ್ಸ್, ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್, ಕ್ರೋಮ್, ಸಫಾರಿ, ಒಪೆರಾ: ಬ್ರೌಸರ್ ಬೆಂಬಲ ಲಂಬ ಚಿತ್ರ ಗ್ಯಾಲರಿ ನಂತಹ ಎಲ್ಲಾ ಪ್ರಮುಖ ಬ್ರೌಸರ್ ಬೆಂಬಲಿಸುತ್ತದೆ. CSS3 ಪರಿವರ್ತನೆಗಳು

CSS3 ಪರಿವರ್ತನೆ ಆಸ್ತಿ ಬೆಂಬಲಿಸುತ್ತದೆ. ಯಂತ್ರಾಂಶ CSS3 ಪರಿವರ್ತನೆಗಳು ಒಂದು ಸ್ಲೈಡರ್ ರಚಿಸಿ.

ಫ್ಲೋ ಸ್ಲೈಡರ್ ಈ ಟೆಂಪ್ಲೇಟ್ endlesly ಗ್ರಾಹಕ ಮತ್ತು ದೋಷರಹಿತ ಸ್ಲೈಡಿಂಗ್ ಖಾತ್ರಿಗೊಳಿಸುತ್ತದೆ ಫ್ಲೋ ಸ್ಲೈಡರ್ ಉಚಿತ jQuery ಪ್ಲಗಿನ್ ಬಲದೊಂದಿಗೆ ಇದೆ.

ಕಸ್ಟಮೈಸ್ ಪ್ಲಗಿನ್ ಈ jQuery ಪ್ಲಗಿನ್ ಬಳಸುವಾಗ ಆಯ್ಕೆಯನ್ನು ಬದಲಿಸುವ ಮೂಲಕ ಗ್ಯಾಲರಿಯಲ್ಲಿ ಎಲ್ಲಾ ಲಕ್ಷಣಗಳನ್ನು ಕಸ್ಟಮೈಸ್.


ಡೌನ್ಲೋಡ್
ಈ ವರ್ಗದಲ್ಲಿ ಇತರ ಅಂಶಗಳುಈ ಲೇಖಕ ಎಲ್ಲಾ ಘಟಕಗಳನ್ನು
ಪ್ರತಿಕ್ರಿಯೆಗಳುಪುನರಾವರ್ತಿತ ಪ್ರಶ್ನೆಗಳು ಮತ್ತು ಉತ್ತರಗಳನ್ನು ಕೇಳಿದರು

ಗುಣಲಕ್ಷಣಗಳು

ರಚಿಸಲಾಗಿದೆ:
23 ಮಾರ್ಚ್ 12

ಕೊನೆಯ ನವೀಕರಣ:
23 ಮಾರ್ಚ್ 12

ಹೊಂದಾಣಿಕೆಯಾಗುತ್ತದೆಯೆ ಬ್ರೌಸರ್ಗಳು:
: IE6, IE7, IE8, IE9, ಫೈರ್ಫಾಕ್ಸ್, ಸಫಾರಿ, ಒಪೆರಾ ಕ್ರೋಮ್

ಫೈಲ್ಸ್:
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಜೆಎಸ್, ಎಚ್ಟಿಎಮ್ಎಲ್, ಸಿಎಸ್ಎಸ್

ಸಾಫ್ಟ್ವೇರ್ ಆವೃತ್ತಿ:
ಇತರೆ, jquery

ಕೀವರ್ಡ್ಗಳು

ಐಕಾಮರ್ಸ್, ಐಕಾಮರ್ಸ್, ಎಲ್ಲಾ ವಸ್ತುಗಳು, ಏರಿಳಿಕೆ, ಗ್ಯಾಲರಿ, ಚಿತ್ರ, ಇಂಟರ್ಫೇಸ್, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಜೆಎಸ್, jQuery, ಮೌಸ್ ನಡೆಸುವಿಕೆಯನ್ನು, ಚಿತ್ರ, ಪ್ಲಗಿನ್, ಮುನ್ನೋಟ, ಆವರ್ತಕ, ಸ್ಲೈಡರ್, ಥಂಬ್ನೇಲ್, UI, ಲಂಬ