jquery ಪೂರ್ವವೀಕ್ಷಣೆಯೊಂದಿಗೆ ಸರಳ ಸ್ಲೈಡರ್. jQuery ಬಳಸಿಕೊಂಡು ಸರಳ ಸ್ಲೈಡರ್ ಅನ್ನು ತಯಾರಿಸುವುದು. UnoSlider - ಅಡಾಪ್ಟಿವ್ ಟಚ್‌ಸ್ಕ್ರೀನ್ ಸ್ಲೈಡರ್

ಅಡಾಪ್ಟಿವ್, ಅಥವಾ ನೀವು ಬಯಸಿದಲ್ಲಿ, ಸ್ಪಂದಿಸುವ ವೆಬ್ ವಿನ್ಯಾಸವು ಈಗ ಮತ್ತೊಂದು ವಿನ್ಯಾಸದ ಪ್ರವೃತ್ತಿಯಲ್ಲ, ಇದು ಈಗಾಗಲೇ ವೆಬ್‌ಸೈಟ್ ಅಭಿವೃದ್ಧಿಗೆ ಒಂದು ನಿರ್ದಿಷ್ಟ ಮಾನದಂಡವಾಗಿದೆ, ವೆಬ್‌ಸೈಟ್‌ಗಳ ಬಹುಮುಖತೆಯನ್ನು ಮತ್ತು ವಿವಿಧ ಬಳಕೆದಾರರ ಸಾಧನಗಳ ಪರದೆಯ ಮೇಲೆ ಸಾಮರಸ್ಯದ ದೃಶ್ಯ ಗ್ರಹಿಕೆಯನ್ನು ಖಾತ್ರಿಪಡಿಸುತ್ತದೆ. ಇತ್ತೀಚೆಗೆ, ಅಭಿವೃದ್ಧಿಯ ಸಮಯದಲ್ಲಿ ಹೊಂದಾಣಿಕೆಯ ಟೆಂಪ್ಲೇಟ್, ಒಟ್ಟಾರೆ ವಿನ್ಯಾಸ ಶೈಲಿಗೆ ತೊಂದರೆಯಾಗದಂತೆ ಕೆಲವು ಸ್ಲೈಡರ್‌ಗಳು ಮತ್ತು ಇಮೇಜ್ ಗ್ಯಾಲರಿಗಳನ್ನು ಸಂಯೋಜಿಸುವಲ್ಲಿ ನಾನು ವಿವಿಧ ತೊಂದರೆಗಳನ್ನು ಎದುರಿಸಬೇಕಾಯಿತು. ಇತ್ತೀಚಿನ ದಿನಗಳಲ್ಲಿ ಎಲ್ಲವೂ ಹೆಚ್ಚು ಸರಳವಾಗಿದೆ, ಅಂತರ್ಜಾಲದಲ್ಲಿ ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ರೆಡಿಮೇಡ್ ಪರಿಹಾರಗಳಿವೆ ಮತ್ತು ಅವುಗಳಲ್ಲಿ ಹೆಚ್ಚಿನವು ವಿಶೇಷವಾಗಿ ಆಹ್ಲಾದಕರವಾಗಿರುತ್ತದೆ ಉಚಿತ ಪ್ರವೇಶ, ಮುಕ್ತ ಸಂಪನ್ಮೂಲ.

ನೀಡಲಾದ ವಿವಿಧ ಪರಿಕರಗಳ ಕಾರಣದಿಂದಾಗಿ, ನಾನು ಇತ್ತೀಚೆಗೆ ಕಾಣಿಸಿಕೊಂಡ ಮತ್ತು ಯಾವುದೇ ನಿರ್ಬಂಧಗಳಿಲ್ಲದೆ ವಿತರಿಸಲಾದ ರೆಸ್ಪಾನ್ಸಿವ್ jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್‌ಗಳ ಅತ್ಯಂತ ಗಮನಾರ್ಹ ಬೆಳವಣಿಗೆಗಳ ಕಿರು ಅವಲೋಕನವನ್ನು ಸಂಗ್ರಹಿಸಿದ್ದೇನೆ, ಅಂದರೆ. ಸಂಪೂರ್ಣವಾಗಿ ಉಚಿತ.

ವಾಹ್ ಸ್ಲೈಡರ್

ರೆಸ್ಪಾನ್ಸಿವ್ jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್ ದೃಶ್ಯ ಪರಿಣಾಮಗಳ ಒಂದು ದೊಡ್ಡ ಸೆಟ್ (ತಿರುಗುವಿಕೆ, ಫ್ಲೈಔಟ್, ಬ್ಲರ್, ಸ್ಪೈರಲ್ಸ್, ಬ್ಲೈಂಡ್ಸ್, ಇತ್ಯಾದಿ...) ಮತ್ತು ಅನೇಕ ಸಿದ್ಧ ಟೆಂಪ್ಲೆಟ್ಗಳು. ವಾವ್ ಸ್ಲೈಡರ್‌ನ ಅಂತರ್ನಿರ್ಮಿತ ಪುಟ ಅಳವಡಿಕೆ ಮಾಂತ್ರಿಕನೊಂದಿಗೆ, ನೀವು ಸುಲಭವಾಗಿ ಮತ್ತು ಸಲೀಸಾಗಿ ನಿಮಿಷಗಳಲ್ಲಿ ಬೆರಗುಗೊಳಿಸುತ್ತದೆ ಸ್ಲೈಡ್‌ಶೋಗಳನ್ನು ರಚಿಸಬಹುದು. ಡೆವಲಪರ್‌ನ ವೆಬ್‌ಸೈಟ್ ರಷ್ಯನ್ ಭಾಷೆಯಲ್ಲಿ ಪ್ಲಗಿನ್ ಅನ್ನು ಹೊಂದಿಸಲು ಮತ್ತು ಬಳಸಲು ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ದಾಖಲಾತಿಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಜೊತೆಗೆ ಪ್ಲಗಿನ್ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂಬುದರ ಅತ್ಯುತ್ತಮ ಲೈವ್ ಉದಾಹರಣೆಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ಪ್ರತ್ಯೇಕವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಲು ಸಹ ಲಭ್ಯವಿದೆ ವರ್ಡ್ಪ್ರೆಸ್ ಪ್ಲಗಿನ್ಮತ್ತು Joomla ಗಾಗಿ ಮಾಡ್ಯೂಲ್. ಆರಂಭಿಕರು ಮತ್ತು ಅನುಭವಿ ವೆಬ್‌ಮಾಸ್ಟರ್‌ಗಳು ಈ ಅದ್ಭುತ ಸ್ಲೈಡರ್ ಅನ್ನು ಅನೇಕರು ಇಷ್ಟಪಡುತ್ತಾರೆ ಎಂದು ನನಗೆ ಖಾತ್ರಿಯಿದೆ.

ಹೈಸ್ಲೈಡರ್

HiSlider - HTML5, jquery ಸ್ಲೈಡರ್ ಮತ್ತು ಇಮೇಜ್ ಗ್ಯಾಲರಿ, ಜನಪ್ರಿಯ ಸಿಸ್ಟಂಗಳನ್ನು ಚಾಲನೆಯಲ್ಲಿರುವ ಸೈಟ್‌ಗಳಲ್ಲಿ ವೈಯಕ್ತಿಕ ಬಳಕೆಗಾಗಿ ಸಂಪೂರ್ಣವಾಗಿ ಉಚಿತ ಪ್ಲಗಿನ್ - WordPress, Joomla, Drupal. ಈ ಸರಳ ಆದರೆ ಸಾಕಷ್ಟು ಕ್ರಿಯಾತ್ಮಕ ಉಪಕರಣದ ಸಹಾಯದಿಂದ, ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಳ ಪುಟಗಳಲ್ಲಿ ನೀವು ಅದ್ಭುತ ಮತ್ತು ರೋಮಾಂಚಕ ಸ್ಲೈಡ್ ಶೋಗಳು, ಅದ್ಭುತ ಪ್ರಸ್ತುತಿಗಳು ಮತ್ತು ಹೊಸ ಸಂದೇಶಗಳ ಪ್ರಕಟಣೆಗಳನ್ನು ಸುಲಭವಾಗಿ ರಚಿಸಬಹುದು. ಸ್ಲೈಡರ್‌ಗಾಗಿ ಹಲವಾರು ರೆಡಿಮೇಡ್ ಟೆಂಪ್ಲೇಟ್‌ಗಳು ಮತ್ತು ಸ್ಕಿನ್‌ಗಳು, ಅದ್ಭುತ ವಿಷಯ ಪರಿವರ್ತನೆ (ಬದಲಾವಣೆ) ಪರಿಣಾಮಗಳು, ವಿವಿಧ ಮಲ್ಟಿಮೀಡಿಯಾ ವಿಷಯದ ಔಟ್‌ಪುಟ್: YouTube ಮತ್ತು Vimeo ನಿಂದ ವೀಡಿಯೊಗಳು, ಹೊಂದಿಕೊಳ್ಳುವ ಬಳಕೆದಾರ ಸೆಟ್ಟಿಂಗ್‌ಗಳು, ಇತ್ಯಾದಿ...

ನಿವೋ ಸ್ಲೈಡರ್

Nivo ಸ್ಲೈಡರ್ ಉತ್ತಮ ಹಳೆಯದು, ತಿಳಿದಿರುವ ಎಲ್ಲರಿಗೂ ಚೆನ್ನಾಗಿ ತಿಳಿದಿದೆ, ಅತ್ಯಂತ ಸುಂದರವಾದ ಮತ್ತು ಬಳಸಲು ಸುಲಭವಾದ ಇಮೇಜ್ ಸ್ಲೈಡರ್‌ಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ. JQuery Nivo ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್ ಡೌನ್‌ಲೋಡ್ ಮಾಡಲು ಮತ್ತು ಬಳಸಲು ಉಚಿತವಾಗಿದೆ ಮತ್ತು MIT ಪರವಾನಗಿ ಅಡಿಯಲ್ಲಿ ಪರವಾನಗಿ ಪಡೆದಿದೆ. WordPress ಗಾಗಿ ಪ್ರತ್ಯೇಕ ಪ್ಲಗಿನ್ ಸಹ ಇದೆ, ಆದರೆ ದುರದೃಷ್ಟವಶಾತ್ ಅದನ್ನು ಈಗಾಗಲೇ ಪಾವತಿಸಲಾಗಿದೆ ಮತ್ತು ನೀವು ಒಂದು ಪರವಾನಗಿಗಾಗಿ $29 ಪಾವತಿಸಬೇಕಾಗುತ್ತದೆ. WP ಥೀಮ್ ಫೈಲ್‌ಗಳೊಂದಿಗೆ ಸ್ವಲ್ಪ ಮ್ಯಾಜಿಕ್ ಮಾಡುವುದು ಉತ್ತಮ ಮತ್ತು ನಿಮ್ಮ ಬ್ಲಾಗ್‌ಗೆ Nivo ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್‌ನ ಉಚಿತ jQuery ಆವೃತ್ತಿಯನ್ನು ಲಗತ್ತಿಸುವುದು ಉತ್ತಮ, ಏಕೆಂದರೆ ಇಂಟರ್ನೆಟ್‌ನಲ್ಲಿ ಇದನ್ನು ಹೇಗೆ ಮಾಡಬೇಕೆಂಬುದರ ಕುರಿತು ಸಾಕಷ್ಟು ಮಾಹಿತಿ ಇದೆ.
ಕ್ರಿಯಾತ್ಮಕತೆಗೆ ಸಂಬಂಧಿಸಿದಂತೆ, ಇದರೊಂದಿಗೆ ಎಲ್ಲವೂ ಉತ್ತಮವಾಗಿದೆ. ಇದು jQuery v1.7+ ಲೈಬ್ರರಿ, ಸುಂದರ ಪರಿವರ್ತನೆ ಪರಿಣಾಮಗಳು, ಸರಳ ಮತ್ತು ಅತ್ಯಂತ ಹೊಂದಿಕೊಳ್ಳುವ ಸೆಟ್ಟಿಂಗ್‌ಗಳು, ಹೊಂದಾಣಿಕೆಯ ಲೇಔಟ್, ಸ್ವಯಂಚಾಲಿತ ಇಮೇಜ್ ಕ್ರಾಪಿಂಗ್ ಮತ್ತು ಹೆಚ್ಚಿನದನ್ನು ಬಳಸುತ್ತದೆ.

ಸ್ಲೈಡರ್‌ನ ಕಲ್ಪನೆಯು ಡೆವಲಪರ್‌ಗಳಿಂದ ಪ್ರೇರಿತವಾಗಿದೆ, ಅವರು ಆಪಲ್ ಉತ್ಪನ್ನಗಳ ಪ್ರಸ್ತುತಿ ಶೈಲಿಗೆ ಹೆಸರುವಾಸಿಯಾಗಿದ್ದಾರೆ, ಅಲ್ಲಿ ಸರಳವಾದ ಅನಿಮೇಷನ್ ಪರಿಣಾಮದೊಂದಿಗೆ ಆಯ್ದ ವರ್ಗದ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ಹಲವಾರು ಸಣ್ಣ ವಸ್ತುಗಳು (ಚಿತ್ರಗಳು) ಬದಲಾಗುತ್ತವೆ. Codrops ಈ ಸ್ಲೈಡರ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದರ ಕುರಿತು ವಿವರವಾದ ಪಾಠವನ್ನು ನಿಮ್ಮ ಇತ್ಯರ್ಥಕ್ಕೆ ಪ್ರಸ್ತುತಪಡಿಸುತ್ತದೆ, Html ಮಾರ್ಕ್‌ಅಪ್‌ನ ಸಂಪೂರ್ಣ ವಿನ್ಯಾಸ, ಒಂದು ಸೆಟ್ ಸಿಎಸ್ಎಸ್ ನಿಯಮಗಳುಮತ್ತು ಕಾರ್ಯಗತಗೊಳಿಸಬಹುದಾದ jQuery ಪ್ಲಗಿನ್, ಹಾಗೆಯೇ ಸ್ಲೈಡರ್ ಅನ್ನು ಬಳಸುವ ಅದ್ಭುತ ಲೈವ್ ಉದಾಹರಣೆ.

ಸ್ಲಿಟ್ ಸ್ಲೈಡರ್

JQuery ಮತ್ತು CSS3 ಅನ್ನು ಬಳಸಿಕೊಂಡು ಪೂರ್ಣ-ಪರದೆಯ ಇಮೇಜ್ ಸ್ಲೈಡರ್ + ವೆಬ್‌ಸೈಟ್ ಪುಟಗಳಲ್ಲಿ ಪ್ಲಗಿನ್ ಅನ್ನು ಸಂಯೋಜಿಸುವ ಕುರಿತು ವಿವರವಾದ ಟ್ಯುಟೋರಿಯಲ್. ಮುಂದಿನ ಅಥವಾ ಹಿಂದಿನ ವಿಷಯಕ್ಕೆ ಚಲಿಸುವಾಗ ನಿರ್ದಿಷ್ಟ ವಿಷಯದೊಂದಿಗೆ ತೆರೆದ ಪ್ರಸ್ತುತ ಸ್ಲೈಡ್ ಅನ್ನು ಸ್ಲೈಸ್ ಮಾಡುವುದು ಕಲ್ಪನೆಯಾಗಿದೆ. JQuery ಮತ್ತು CSS ಅನಿಮೇಷನ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಸ್ಲೈಡ್‌ಗಳ ನಡುವೆ ಅನನ್ಯ ಪರಿವರ್ತನೆಗಳನ್ನು ರಚಿಸಬಹುದು. ಸ್ಲೈಡರ್‌ನ ರೆಸ್ಪಾನ್ಸಿವ್ ಲೇಔಟ್ ವಿವಿಧ ರೀತಿಯ ಬಳಕೆದಾರ ಸಾಧನಗಳಲ್ಲಿ ಸಮಾನವಾಗಿ ಉತ್ತಮವಾಗಿ ಕಾಣುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ.

ಸ್ಥಿತಿಸ್ಥಾಪಕ ವಿಷಯ ಸ್ಲೈಡರ್

ಇದು ನೆಲೆಗೊಂಡಿರುವ ಪೋಷಕ ಕಂಟೇನರ್‌ನ ಗಾತ್ರವನ್ನು ಅವಲಂಬಿಸಿ ಅಗಲ ಮತ್ತು ಎತ್ತರದಲ್ಲಿ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸರಿಹೊಂದಿಸುವ ವಿಷಯ ಸ್ಲೈಡರ್. ಕಾರ್ಯಗತಗೊಳಿಸಲು ಸಾಕಷ್ಟು ಸರಳವಾಗಿದೆ ಮತ್ತು ಸೆಟ್ಟಿಂಗ್‌ಗಳಲ್ಲಿ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ, ಸ್ಲೈಡರ್ JQuery ನಲ್ಲಿ ಚಲಿಸುತ್ತದೆ, ಪರದೆಯ ಗಾತ್ರವನ್ನು ಕೆಳಕ್ಕೆ ಬದಲಾಯಿಸಿದಾಗ ನ್ಯಾವಿಗೇಷನ್ ಅನ್ನು ಐಕಾನ್‌ಗಳ ರೂಪದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಅತ್ಯಂತ ವಿವರವಾದ ದಸ್ತಾವೇಜನ್ನು (ಸೃಷ್ಟಿ ಟ್ಯುಟೋರಿಯಲ್) ಮತ್ತು ಬಳಕೆಯ ನೇರ ಉದಾಹರಣೆಗಳು.

3D ಸ್ಟಾಕ್ ಸ್ಲೈಡರ್

3D ಪ್ಲೇನ್‌ನಿಂದ ಪರಿವರ್ತನೆಗಳೊಂದಿಗೆ ಚಿತ್ರಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವ ಸ್ಲೈಡರ್‌ನ ಪ್ರಾಯೋಗಿಕ ಆವೃತ್ತಿ. ಚಿತ್ರಗಳನ್ನು ಎರಡು ಸಮತಲವಾದ ಸ್ಟ್ಯಾಕ್‌ಗಳಾಗಿ ವಿಂಗಡಿಸಲಾಗಿದೆ, ನ್ಯಾವಿಗೇಷನ್ ಬಾಣಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಪ್ರತಿ ನಂತರದ ಚಿತ್ರವನ್ನು ನೋಡುವ ಸ್ಥಿತಿಗೆ ಬದಲಾಯಿಸಲು ಮತ್ತು ಪರಿವರ್ತಿಸಲು. ಸಾಮಾನ್ಯವಾಗಿ, ವಿಶೇಷ ಏನೂ ಇಲ್ಲ, ಆದರೆ ಕಲ್ಪನೆ ಮತ್ತು ಮರಣದಂಡನೆಯ ತಂತ್ರವು ಸಾಕಷ್ಟು ಆಸಕ್ತಿದಾಯಕವಾಗಿದೆ.

ಅತ್ಯಂತ ಸರಳ, 100% ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಮತ್ತು ಪೂರ್ಣ ಪರದೆಯ jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್. ಸ್ಲೈಡರ್‌ನ ಕಾರ್ಯಾಚರಣೆಯು jQuery ಯ ಮ್ಯಾಜಿಕ್‌ನೊಂದಿಗೆ CSS ಪರಿವರ್ತನೆಗಳನ್ನು (ಪರಿವರ್ತನೆಯ ಆಸ್ತಿ) ಆಧರಿಸಿದೆ. ಗರಿಷ್ಠ-ಅಗಲ ಮೌಲ್ಯವನ್ನು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ 100% ಗೆ ಹೊಂದಿಸಲಾಗಿದೆ, ಆದ್ದರಿಂದ ಪರದೆಯ ಗಾತ್ರದಲ್ಲಿನ ಬದಲಾವಣೆಗಳನ್ನು ಅವಲಂಬಿಸಿ ಚಿತ್ರಗಳ ಗಾತ್ರವು ಬದಲಾಗುತ್ತದೆ. ವಿನ್ಯಾಸದಲ್ಲಿ ಯಾವುದೇ ವಿಶೇಷ ಅನಿಮೇಷನ್ ಪರಿಣಾಮಗಳು ಅಥವಾ ಅಲಂಕಾರಗಳಿಲ್ಲ, ಎಲ್ಲವೂ ಸರಳವಾಗಿದೆ ಮತ್ತು ತೊಂದರೆ-ಮುಕ್ತ ಕಾರ್ಯಾಚರಣೆಗಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ.

ಕನಿಷ್ಠ ಸ್ಲೈಡ್‌ಗಳು

ಹೆಸರು ತಾನೇ ಹೇಳುತ್ತದೆ, ಇದು ಬಹುಶಃ ನಾನು ಕಂಡ ಅತ್ಯಂತ ಹಗುರವಾದ ಮತ್ತು ಕನಿಷ್ಠ jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್‌ಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ (1kb ಪ್ಲಗಿನ್). ResponsiveSlides.jsಒಂದು ಚಿಕ್ಕ jQuery ಪ್ಲಗಿನ್ ಆಗಿದ್ದು ಅದು ಕಂಟೇನರ್‌ನೊಳಗಿನ ಅಂಶಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಸ್ಲೈಡ್‌ಶೋ ಅನ್ನು ರಚಿಸುತ್ತದೆ. IE ಯ ಎಲ್ಲಾ ಆವೃತ್ತಿಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ವ್ಯಾಪಕ ಶ್ರೇಣಿಯ ಬ್ರೌಸರ್‌ಗಳೊಂದಿಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ - IE6 ಮತ್ತು ಹೆಚ್ಚಿನದರಿಂದ ಪ್ರಗತಿಯಲ್ಲಿರುವ ಪ್ರಸಿದ್ಧ ಬ್ರೇಕ್. ಕೆಲಸವು ವಿಶ್ವಾಸಾರ್ಹತೆಗಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಜೊತೆಯಲ್ಲಿ CSS3 ಪರಿವರ್ತನೆಗಳನ್ನು ಬಳಸುತ್ತದೆ. ಆದೇಶವಿಲ್ಲದ ಪಟ್ಟಿಯನ್ನು ಬಳಸಿಕೊಂಡು ಸರಳ ವಿನ್ಯಾಸ, ಪರಿವರ್ತನೆಗಳು ಮತ್ತು ಸಮಯದ ಮಧ್ಯಂತರಗಳ ಗ್ರಾಹಕೀಕರಣ, ಸ್ಲೈಡ್ ಸ್ವಿಚಿಂಗ್‌ನ ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಹಸ್ತಚಾಲಿತ ನಿಯಂತ್ರಣ, ಹಾಗೆಯೇ ಏಕಕಾಲದಲ್ಲಿ ಬಹು ಸ್ಲೈಡ್ ಶೋಗಳಿಗೆ ಬೆಂಬಲ. ಇದು ಅಂತಹ ತಮಾಷೆಯ "ಬೇಬಿ" ಆಗಿದೆ.

ಕ್ಯಾಮೆರಾ

ಕ್ಯಾಮೆರಾ - ಉಚಿತ jQueryವೆಬ್‌ಸೈಟ್ ಪುಟಗಳಲ್ಲಿ ಸ್ಲೈಡ್‌ಶೋಗಳನ್ನು ಆಯೋಜಿಸಲು ಪ್ಲಗಿನ್, ಅನೇಕ ಪರಿವರ್ತನೆಯ ಪರಿಣಾಮಗಳೊಂದಿಗೆ ಹಗುರವಾದ ಸ್ಲೈಡರ್, 100% ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸ ಮತ್ತು ಸರಳ ಸೆಟ್ಟಿಂಗ್‌ಗಳು. ಯಾವುದೇ ಬಳಕೆದಾರ ಸಾಧನಗಳ ಪರದೆಯ ಮೇಲೆ ಸಂಪೂರ್ಣವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ (PC ಮಾನಿಟರ್‌ಗಳು, ಟ್ಯಾಬ್ಲೆಟ್‌ಗಳು, ಸ್ಮಾರ್ಟ್‌ಫೋನ್‌ಗಳು ಮತ್ತು ಸೆಲ್ ಫೋನ್) ಎಂಬೆಡೆಡ್ ವೀಡಿಯೊವನ್ನು ಪ್ರದರ್ಶಿಸುವ ಸಾಧ್ಯತೆ. ಬಟನ್‌ಗಳು ಮತ್ತು ಇಮೇಜ್ ಥಂಬ್‌ನೇಲ್ ಬ್ಲಾಕ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾವಣೆ ಮತ್ತು ಹಸ್ತಚಾಲಿತ ನಿಯಂತ್ರಣ. ಕಾಂಪ್ಯಾಕ್ಟ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಚಿತ್ರಗಳ ಸಂಪೂರ್ಣ ಗ್ಯಾಲರಿ.

bxSlider jQuery

ಇನ್ನೊಂದು, ತುಂಬಾ ಸರಳ ಹೊಂದಾಣಿಕೆಯ ಸ್ಲೈಡರ್ jQuery ನಲ್ಲಿ. ನಿಮ್ಮ ಸ್ಲೈಡ್‌ಗಳಲ್ಲಿ ನೀವು ಯಾವುದೇ ವಿಷಯ, ವೀಡಿಯೊ, ಚಿತ್ರಗಳು, ಪಠ್ಯ ಮತ್ತು ಇತರ ಅಂಶಗಳನ್ನು ಇರಿಸಬಹುದು. ವಿಸ್ತೃತ ಬೆಂಬಲ ಸ್ಪರ್ಶ ಪರದೆಗಳು. CSS ಪರಿವರ್ತನೆ ಅನಿಮೇಷನ್‌ಗಳನ್ನು ಬಳಸುವುದು. ಸ್ಲೈಡ್ ಶೋಗಳು ಮತ್ತು ಕಾಂಪ್ಯಾಕ್ಟ್ ಇಮೇಜ್ ಗ್ಯಾಲರಿಗಳಿಗಾಗಿ ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ವಿವಿಧ ಪ್ರಸ್ತುತಿ ಆಯ್ಕೆಗಳು. ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಹಸ್ತಚಾಲಿತ ನಿಯಂತ್ರಣ. ಬಟನ್‌ಗಳನ್ನು ಬಳಸಿ ಮತ್ತು ಥಂಬ್‌ನೇಲ್‌ಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುವ ಮೂಲಕ ಸ್ಲೈಡ್‌ಗಳನ್ನು ಬದಲಾಯಿಸಿ. ಸಣ್ಣ ಮೂಲ ಫೈಲ್ ಗಾತ್ರ, ಕಾನ್ಫಿಗರ್ ಮಾಡಲು ಮತ್ತು ಕಾರ್ಯಗತಗೊಳಿಸಲು ತುಂಬಾ ಸುಲಭ.

ಫ್ಲೆಕ್ಸ್‌ಸ್ಲೈಡರ್ 2

FlexSlider 2 - ಅದೇ ಹೆಸರಿನ ಸ್ಲೈಡರ್‌ನ ನವೀಕರಿಸಿದ ಆವೃತ್ತಿ, ಸುಧಾರಿತ ಸ್ಪಂದಿಸುವಿಕೆ, ಸ್ಕ್ರಿಪ್ಟ್‌ನ ಮಿನಿಫಿಕೇಶನ್ ಮತ್ತು ರಿಫ್ಲೋ/ರೀಡ್ರಾಯಿಂಗ್ ಅನ್ನು ಕಡಿಮೆಗೊಳಿಸುವುದು. ಪ್ಲಗಿನ್ ಮೂಲಭೂತ ಸ್ಲೈಡರ್, ಥಂಬ್‌ನೇಲ್‌ಗಳೊಂದಿಗೆ ಸ್ಲೈಡ್ ನಿಯಂತ್ರಣ, ಅಂತರ್ನಿರ್ಮಿತ ಎಡ-ಬಲ ಬಾಣಗಳು ಮತ್ತು ಬಟನ್‌ಗಳ ರೂಪದಲ್ಲಿ ಕೆಳಭಾಗದ ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್ ಅನ್ನು ಒಳಗೊಂಡಿದೆ. ಸ್ಲೈಡ್‌ಗಳಲ್ಲಿ ವೀಡಿಯೊವನ್ನು ಪ್ರದರ್ಶಿಸುವ ಸಾಮರ್ಥ್ಯ (ವಿಮಿಯೋ), ಹೊಂದಿಕೊಳ್ಳುವ ಸೆಟ್ಟಿಂಗ್‌ಗಳು (ಪರಿವರ್ತನೆಗಳು, ವಿನ್ಯಾಸ, ಸಮಯದ ಮಧ್ಯಂತರ), ಸಂಪೂರ್ಣ ಹೊಂದಾಣಿಕೆಯ ಲೇಔಟ್.

ಗ್ಯಾಲರಿಯಾ

ಉತ್ತಮ ಗುಣಮಟ್ಟದ ಇಮೇಜ್ ಗ್ಯಾಲರಿಗಳು ಮತ್ತು ಸ್ಲೈಡರ್‌ಗಳನ್ನು ರಚಿಸಲು ಪ್ರಸಿದ್ಧ ಮತ್ತು ಸಾಕಷ್ಟು ಜನಪ್ರಿಯ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ jQuery ಪ್ಲಗಿನ್. ಸ್ಲೈಡರ್ ಇಂಟರ್ಫೇಸ್, ಅದರ ನಿಯಂತ್ರಣ ಫಲಕಕ್ಕೆ ಧನ್ಯವಾದಗಳು, ದೃಷ್ಟಿಗೋಚರವಾಗಿ ಪರಿಚಿತ ವೀಡಿಯೊ ಪ್ಲೇಯರ್ ಅನ್ನು ಹೋಲುತ್ತದೆ; ಜನಪ್ರಿಯ ಸೇವೆಗಳಿಂದ ಎಂಬೆಡೆಡ್ ವೀಡಿಯೊಗಳು ಮತ್ತು ಚಿತ್ರಗಳಿಗೆ ಬೆಂಬಲ: Flickr, Vimeo, YouTube ಮತ್ತು ಇತರರು. ಸೆಟಪ್ ಮತ್ತು ಬಳಕೆಯ ವಿವರವಾದ ದಸ್ತಾವೇಜನ್ನು.

ಬೆರಿಹಣ್ಣಿನ

ಸರಳವಾದ, ಯಾವುದೇ ಅಲಂಕಾರಗಳಿಲ್ಲದ ಉಚಿತ jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್ ಅನ್ನು ನಿರ್ದಿಷ್ಟವಾಗಿ ಬರೆಯಲಾಗಿದೆ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವೆಬ್ ವಿನ್ಯಾಸ. ಬ್ಲೂಬೆರ್ರಿ ಪ್ರಾಯೋಗಿಕವಾಗಿದೆ JQuery ಪ್ಲಗಿನ್ಓಂ ತೆರೆದ ಮೂಲವಾಗಿದೆ. ಕನಿಷ್ಠ ವಿನ್ಯಾಸ, ಯಾವುದೇ ಪರಿಣಾಮಗಳಿಲ್ಲ, ನಿರ್ದಿಷ್ಟ ಸಮಯದ ನಂತರ ಪರಸ್ಪರ ಬದಲಾಯಿಸುವ ಚಿತ್ರಗಳು ಸರಾಗವಾಗಿ ಪಾಪ್-ಅಪ್ ಆಗುತ್ತವೆ. ಎಲ್ಲವೂ ತುಂಬಾ ಸರಳವಾಗಿದೆ, ಸ್ಥಾಪಿಸಿ, ಸಂಪರ್ಕಿಸಿ ಮತ್ತು ಹೋಗಿ...

jQuery popeye 2.1

ಲೈಟ್‌ಬಾಕ್ಸ್ ಅಂಶಗಳೊಂದಿಗೆ ಬಹಳ ಕಾಂಪ್ಯಾಕ್ಟ್ jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್. ಅದರ ಹೊಂದಿಕೊಳ್ಳುವ ಆಯಾಮಗಳಿಗೆ ಧನ್ಯವಾದಗಳು, ಮೌಸ್ ಕರ್ಸರ್ ಅನ್ನು ತೂಗಾಡುತ್ತಿರುವಾಗ ಅಥವಾ ಅವುಗಳ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ, ವಿಸ್ತೃತ ಚಿತ್ರ ಮತ್ತು ನಿಯಂತ್ರಣಗಳೊಂದಿಗೆ ಲೈಟ್‌ಬಾಕ್ಸ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿದಾಗ, ಯಾವುದೇ ಕಂಟೇನರ್‌ಗೆ, ಥಂಬ್‌ನೇಲ್‌ಗಳ ರೂಪದಲ್ಲಿ ಒಂದೇ ನಮೂದುಗೆ ಸಂಯೋಜಿಸುವುದು ತುಂಬಾ ಸುಲಭ. ಉತ್ಪನ್ನಗಳು ಅಥವಾ ಸುದ್ದಿ ಪ್ರಕಟಣೆಗಳನ್ನು ಪ್ರಸ್ತುತಪಡಿಸಲು ಸೈಡ್ ಪ್ಯಾನೆಲ್‌ಗಳಲ್ಲಿ ಅಂತಹ ಸ್ಲೈಡರ್ ಅನ್ನು ಇರಿಸಲು ಅನುಕೂಲಕರವಾಗಿದೆ. ಹೆಚ್ಚಿನ ಪ್ರಮಾಣದ ಮಾಹಿತಿಯನ್ನು ಹೊಂದಿರುವ ಸೈಟ್‌ಗಳಿಗೆ ಅತ್ಯುತ್ತಮ ಪರಿಹಾರ.

ಅನುಕ್ರಮ

ಮುಂದುವರಿದ CSS3 ಪರಿವರ್ತನೆಗಳೊಂದಿಗೆ ಉಚಿತ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಸ್ಲೈಡರ್. ಕನಿಷ್ಠ ಶೈಲಿ, 3 ವಿನ್ಯಾಸದ ಥೀಮ್‌ಗಳು, ಪ್ರತಿ ಫ್ರೇಮ್ ಅಡ್ಡಲಾಗಿ ಸ್ಲೈಡ್ ಆಗುತ್ತದೆ, ಮಧ್ಯದಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ, ಚಿತ್ರವು ಎಡಕ್ಕೆ ಹೋಗುತ್ತದೆ, ಸಹಿ ಬಲಕ್ಕೆ, ಥಂಬ್‌ನೇಲ್‌ಗಳನ್ನು ಕೆಳಗಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿ ನಕಲು ಮಾಡಲಾಗುತ್ತದೆ. ಪ್ರತಿ ಫ್ರೇಮ್‌ನಲ್ಲಿ ವೀಕ್ಷಿಸಬೇಕಾದ ಉತ್ಪನ್ನ ವೀಕ್ಷಣೆಗಳ ವಿನ್ಯಾಸ. ನಿಯಂತ್ರಣಗಳು ಹಿಂದೆ ಮತ್ತು ಮುಂದಕ್ಕೆ ಬಟನ್‌ಗಳನ್ನು ಸಹ ಒಳಗೊಂಡಿರುತ್ತವೆ. ಎಲ್ಲರಿಂದಲೂ ಬೆಂಬಲ ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳು.

ಸ್ವೈಪ್ ಮಾಡಿ

ಕ್ರಿಯಾತ್ಮಕತೆ ಮತ್ತು ಸೆಟ್ಟಿಂಗ್‌ಗಳ ವಿಷಯದಲ್ಲಿ ತುಂಬಾ ಸರಳವಾದ ಇಮೇಜ್ ಸ್ಲೈಡರ್, ಸ್ಲೈಡ್‌ಗಳನ್ನು ಬದಲಾಯಿಸುವ ವೇಗದಲ್ಲಿ ಬದಲಾವಣೆ, ಹಸ್ತಚಾಲಿತ ಮೋಡ್‌ನ ಸಕ್ರಿಯಗೊಳಿಸುವಿಕೆ (ನಿಯಂತ್ರಣ ಬಟನ್‌ಗಳನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ), ನಿರಂತರ ಸ್ಲೈಡ್ ಶೋ. ಈ ಸ್ಲೈಡರ್ ಅಸ್ತಿತ್ವದಲ್ಲಿರಲು ಹಕ್ಕನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ಅದು ಅಸ್ತಿತ್ವದಲ್ಲಿರುವುದರಿಂದ ಅದು ನನ್ನನ್ನು ಆಕರ್ಷಿಸಿತು, ಈ ಬೆಳವಣಿಗೆಯಲ್ಲಿ ನಾನು ವಿಶೇಷವಾಗಿ ಆಸಕ್ತಿದಾಯಕವಾಗಿ ಏನನ್ನೂ ಕಾಣಲಿಲ್ಲ, ಬಹುಶಃ ನಾನು ಅದನ್ನು ಚೆನ್ನಾಗಿ ಹುಡುಕುತ್ತಿಲ್ಲ))

ರೆಸ್ಪಾನ್ಸಿವ್ ಇಮೇಜ್ ಸ್ಲೈಡರ್

ವ್ಲಾಡಿಮಿರ್ ಕುಡಿನೋವ್, ಒಡನಾಡಿಗಳಿಂದ ಅಂತಹ ಸುಂದರವಾದ, ಹೊಂದಾಣಿಕೆಯ ಚಿತ್ರ ಸ್ಲೈಡರ್. ಒಂದು ಘನ, ಉತ್ತಮವಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಸಾಧನ, ಸ್ಪಷ್ಟ ಉದಾಹರಣೆಗಳೊಂದಿಗೆ ಒದಗಿಸಲಾಗಿದೆ ಮತ್ತು ವಿವರವಾದ ಸೂಚನೆಗಳುರಚನೆ, ಸ್ಥಾಪನೆ ಮತ್ತು ಬಳಕೆಯ ಮೇಲೆ. ಅಡಾಪ್ಟಿವ್ ವಿನ್ಯಾಸ, ಉತ್ತಮವಾದ ಬಟನ್‌ಗಳು ಮತ್ತು ಹಸಿರು ಬಾಣಗಳು, ಎಲ್ಲವೂ ಒತ್ತಡವಿಲ್ಲದೆಯೇ ಉತ್ತಮ ಮತ್ತು ಶಾಂತವಾಗಿದೆ.

ಫ್ರ್ಯಾಕ್ಷನ್ಸ್ಲೈಡರ್

ಚಿತ್ರಗಳು ಮತ್ತು ಪಠ್ಯ ಸ್ಲೈಡ್‌ಗಳಿಗಾಗಿ ಭ್ರಂಶ ಪರಿಣಾಮದೊಂದಿಗೆ ಉಚಿತ JQuery ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್. ಸ್ಲೈಡ್ ಅನಿಮೇಷನ್‌ಗಳು ಪ್ರತಿ ಸಮಯ ಮತ್ತು ಅನಿಮೇಷನ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳಲ್ಲಿ ಪೂರ್ಣ ನಿಯಂತ್ರಣದೊಂದಿಗೆ ಬಹು ಪ್ರದರ್ಶನ ಮೌಲ್ಯಗಳನ್ನು ಹೊಂದಿವೆ. ಸ್ಲೈಡ್‌ನಲ್ಲಿ ಹಲವಾರು ಅಂಶಗಳನ್ನು ಏಕಕಾಲದಲ್ಲಿ ಅನಿಮೇಟ್ ಮಾಡುವ ಸಾಮರ್ಥ್ಯ. ನೀವು ವಿಭಿನ್ನ ಅನಿಮೇಷನ್ ವಿಧಾನಗಳು, ಸ್ಲೈಡ್ ಫೇಡ್‌ಗಳು ಅಥವಾ ನಿರ್ದಿಷ್ಟ ದಿಕ್ಕಿನಿಂದ ಪರಿವರ್ತನೆಗಳನ್ನು ಹೊಂದಿಸಬಹುದು. ನ್ಯಾವಿಗೇಷನ್ ಬಾಣಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಸ್ವಯಂಚಾಲಿತ ಪ್ರದರ್ಶನ ಮತ್ತು ಹಸ್ತಚಾಲಿತ ನಿಯಂತ್ರಣವು ನೀವು ಚಿತ್ರದ ಮೇಲೆ ಸುಳಿದಾಡಿದಾಗ ಪಾಪ್ ಅಪ್ ಆಗುತ್ತದೆ. 10 ವಿಧದ ಸ್ಲೈಡ್ ಅನಿಮೇಷನ್ ಪರಿಣಾಮಗಳು ಮತ್ತು ಹೆಚ್ಚು...

ವಿಮರ್ಶೆಯು ಸಾಕಷ್ಟು ವಿಸ್ತಾರವಾಗಿದೆ, ಆದರೆ ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ಉತ್ಪನ್ನಗಳನ್ನು ಪರಿಗಣಿಸಿರುವುದರಿಂದ ಸಾಕಷ್ಟು ತಿಳಿವಳಿಕೆ ನೀಡಲಾಗಿಲ್ಲ. ಡೆವಲಪರ್‌ಗಳ ಪುಟಗಳಲ್ಲಿ ನಿರ್ದಿಷ್ಟ ಪ್ಲಗಿನ್‌ನ ಕ್ರಿಯಾತ್ಮಕತೆಯ ಎಲ್ಲಾ ವಿವರಗಳು ಮತ್ತು ವಿವರವಾದ ವಿವರಣೆಗಳನ್ನು ನೀವು ನೇರವಾಗಿ ಕಂಡುಹಿಡಿಯಬಹುದು. ಯಾರಾದರೂ ತಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಳ ಪುಟಗಳಲ್ಲಿ ವರ್ಣರಂಜಿತ ಚಿತ್ರ ಸ್ಲೈಡರ್‌ಗಳನ್ನು ರಚಿಸಲು ಅಗತ್ಯವಾದ ಸಾಧನವನ್ನು ಹುಡುಕಲು ನಾನು ಸುಲಭವಾಗಿಸಿದ್ದೇನೆ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತೇನೆ.

ರಷ್ಯಾದ ಭಾಷೆಯ ಟೆಂಪ್ಲೆಟ್ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ಸಾಧ್ಯವಾಗುವುದು ಒಳ್ಳೆಯದು ಎಂದು ನೀವು ಎಂದಾದರೂ ಯೋಚಿಸಿದ್ದೀರಾ? ಒಂದು ನಿಮಿಷ ಅದರ ಬಗ್ಗೆ ಯೋಚಿಸಿ. ಇಂಗ್ಲಿಷ್ ಭಾಷೆಯ ಟೆಂಪ್ಲೇಟ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವ ಸಮಯವನ್ನು ವ್ಯರ್ಥ ಮಾಡಬೇಡಿ. ನೀವು ಇದೀಗ ಟೆಂಪ್ಲೇಟ್‌ಮಾನ್‌ಸ್ಟರ್ ಮಾರುಕಟ್ಟೆ ಸ್ಥಳದಲ್ಲಿ ಅದನ್ನು ಕಾಣಬಹುದು ಎಂದು ನಿಮ್ಮನ್ನು ಮೆಚ್ಚಿಸಲು ನಾವು ಆತುರಪಡುತ್ತೇವೆ. ಅವುಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದಕ್ಕೂ ಪಠ್ಯವನ್ನು ಕೈಯಿಂದ ಬರೆಯಲಾಗಿದೆ. ಮತ್ತು, ಸಹಜವಾಗಿ, ಎಲ್ಲಾ ಸಿದ್ಧ ಪರಿಹಾರಗಳನ್ನು ಬಳಸಲು ನಂಬಲಾಗದಷ್ಟು ಸುಲಭ.

ಎಲ್ಲಾ ಗೌರವಗಳೊಂದಿಗೆ, ಆಂಡ್ರ್ಯೂ

1. ಅತ್ಯುತ್ತಮ jQuery ಸ್ಲೈಡ್ಶೋ

jQuery ತಂತ್ರಜ್ಞಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ದೊಡ್ಡದಾದ, ಅದ್ಭುತವಾದ ಸ್ಲೈಡ್‌ಶೋ.

2. jQuery ಪ್ಲಗಿನ್ "ಸ್ಕೇಲ್ ಕರೋಸೆಲ್"

jQuery ಬಳಸಿ ಸ್ಕೇಲೆಬಲ್ ಸ್ಲೈಡ್‌ಶೋ. ನಿಮಗೆ ಸೂಕ್ತವಾದ ಸ್ಲೈಡ್‌ಶೋ ಗಾತ್ರಗಳನ್ನು ನೀವು ಹೊಂದಿಸಬಹುದು.

3. jQuery ಪ್ಲಗಿನ್ "slideJS"

ಪಠ್ಯ ವಿವರಣೆಯೊಂದಿಗೆ ಚಿತ್ರ ಸ್ಲೈಡರ್.

4. ಪ್ಲಗಿನ್ “JSliderNews”

5. CSS3 jQuery ಸ್ಲೈಡರ್

ನೀವು ನ್ಯಾವಿಗೇಷನ್ ಬಾಣಗಳ ಮೇಲೆ ಸುಳಿದಾಡಿದಾಗ, ಮುಂದಿನ ಸ್ಲೈಡ್‌ನ ವೃತ್ತಾಕಾರದ ಥಂಬ್‌ನೇಲ್ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.

6. ನೈಸ್ jQuery "ಪ್ರಸ್ತುತಿ ಸೈಕಲ್" ಸ್ಲೈಡರ್

ಇಮೇಜ್ ಲೋಡಿಂಗ್ ಸೂಚಕದೊಂದಿಗೆ jQuery ಸ್ಲೈಡರ್. ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾವಣೆಯನ್ನು ಒದಗಿಸಲಾಗಿದೆ.

7. jQuery ಪ್ಲಗಿನ್ "ಭ್ರಂಶ ಸ್ಲೈಡರ್"

ವಾಲ್ಯೂಮೆಟ್ರಿಕ್ ಹಿನ್ನೆಲೆ ಪರಿಣಾಮದೊಂದಿಗೆ ಸ್ಲೈಡರ್. ಈ ಸ್ಲೈಡರ್ನ ಪ್ರಮುಖ ಅಂಶವೆಂದರೆ ಹಿನ್ನೆಲೆಯ ಚಲನೆ, ಇದು ಹಲವಾರು ಪದರಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ, ಪ್ರತಿಯೊಂದೂ ವಿಭಿನ್ನ ವೇಗದಲ್ಲಿ ಸ್ಕ್ರಾಲ್ ಮಾಡುತ್ತದೆ. ಫಲಿತಾಂಶವು ವಾಲ್ಯೂಮೆಟ್ರಿಕ್ ಪರಿಣಾಮದ ಅನುಕರಣೆಯಾಗಿದೆ. ಇದು ತುಂಬಾ ಸುಂದರವಾಗಿ ಕಾಣುತ್ತದೆ, ನೀವೇ ನೋಡಬಹುದು. ಒಪೇರಾದಂತಹ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ ಪರಿಣಾಮವನ್ನು ಹೆಚ್ಚು ಸರಾಗವಾಗಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ, ಗೂಗಲ್ ಕ್ರೋಮ್,ಐಇ.

8. ತಾಜಾ, ಹಗುರವಾದ jQuery ಸ್ಲೈಡರ್ "bxSlider 3.0"

"ಉದಾಹರಣೆಗಳು" ವಿಭಾಗದಲ್ಲಿ ಡೆಮೊ ಪುಟದಲ್ಲಿ ನೀವು ಎಲ್ಲಾ ಲಿಂಕ್ಗಳನ್ನು ಕಾಣಬಹುದು ಸಂಭವನೀಯ ಆಯ್ಕೆಗಳುಈ ಪ್ಲಗಿನ್ ಬಳಸಿ.

9. jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್, "slideJS" ಪ್ಲಗಿನ್

ಒಂದು ಸೊಗಸಾದ jQuery ಸ್ಲೈಡರ್ ಖಂಡಿತವಾಗಿಯೂ ನಿಮ್ಮ ಯೋಜನೆಯನ್ನು ಅಲಂಕರಿಸಬಹುದು.

10. jQuery ಸ್ಲೈಡ್‌ಶೋ ಪ್ಲಗಿನ್ "ಸುಲಭ ಸ್ಲೈಡ್‌ಗಳು" v1.1

ಸುಲಭ jQuery ಬಳಸಿಸ್ಲೈಡ್‌ಶೋಗಳನ್ನು ರಚಿಸಲು ಪ್ಲಗಿನ್.

11. jQuery Slidy ಪ್ಲಗಿನ್

ವಿವಿಧ ಆವೃತ್ತಿಗಳಲ್ಲಿ ಹಗುರವಾದ jQuery ಪ್ಲಗಿನ್. ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾವಣೆಯನ್ನು ಒದಗಿಸಲಾಗಿದೆ.

12. ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾವಣೆಯೊಂದಿಗೆ jQuery CSS ಗ್ಯಾಲರಿ

ಸಂದರ್ಶಕರು ನಿರ್ದಿಷ್ಟ ಸಮಯದೊಳಗೆ "ಫಾರ್ವರ್ಡ್" ಅಥವಾ "ಬ್ಯಾಕ್" ಬಾಣಗಳ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡದಿದ್ದರೆ, ಗ್ಯಾಲರಿ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸ್ಕ್ರಾಲ್ ಮಾಡಲು ಪ್ರಾರಂಭಿಸುತ್ತದೆ.

13. jQuery ಸ್ಲೈಡರ್ "Nivo ಸ್ಲೈಡರ್"

ಮಾನ್ಯ ಕೋಡ್‌ನೊಂದಿಗೆ ಅತ್ಯಂತ ವೃತ್ತಿಪರ, ಉತ್ತಮ ಗುಣಮಟ್ಟದ, ಹಗುರವಾದ ಪ್ಲಗಿನ್. ಹಲವಾರು ವಿಭಿನ್ನ ಸ್ಲೈಡ್ ಪರಿವರ್ತನೆ ಪರಿಣಾಮಗಳು ಲಭ್ಯವಿದೆ.

14. jQuery ಸ್ಲೈಡರ್ "MobilySlider"

ತಾಜಾ ಸ್ಲೈಡರ್. ವಿವಿಧ ಇಮೇಜ್ ಬದಲಾವಣೆ ಪರಿಣಾಮಗಳೊಂದಿಗೆ jQuery ಸ್ಲೈಡರ್.

15. jQuery ಪ್ಲಗಿನ್ "ಸ್ಲೈಡರ್²"

ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾವಣೆಯೊಂದಿಗೆ ಹಗುರವಾದ ಸ್ಲೈಡರ್.

16. ತಾಜಾ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸ್ಲೈಡರ್

ಸ್ವಯಂಚಾಲಿತ ಚಿತ್ರ ಬದಲಾವಣೆಯೊಂದಿಗೆ ಸ್ಲೈಡರ್.

ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾವಣೆಯೊಂದಿಗೆ ಸ್ಲೈಡ್ ಶೋಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಪ್ಲಗಿನ್. ಚಿತ್ರದ ಥಂಬ್‌ನೇಲ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಪ್ರದರ್ಶನವನ್ನು ನಿಯಂತ್ರಿಸಲು ಸಾಧ್ಯವಿದೆ.

NivoSlider ಪ್ಲಗಿನ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು jQuery CSS ಇಮೇಜ್ ಸ್ಲೈಡರ್.

19. jQuery ಸ್ಲೈಡರ್ "jShowOff"

ವಿಷಯ ತಿರುಗುವಿಕೆ ಪ್ಲಗಿನ್. ಮೂರು ಆಯ್ಕೆಗಳು

20. ಶಟರ್ ಎಫೆಕ್ಟ್ ಪೋರ್ಟ್ಫೋಲಿಯೋ ಪ್ಲಗಿನ್

ಛಾಯಾಗ್ರಾಹಕನ ಪೋರ್ಟ್ಫೋಲಿಯೊವನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲು ತಾಜಾ jQuery ಪ್ಲಗಿನ್. ಚಿತ್ರಗಳನ್ನು ಬದಲಾಯಿಸುವ ಆಸಕ್ತಿದಾಯಕ ಪರಿಣಾಮವನ್ನು ಗ್ಯಾಲರಿ ಹೊಂದಿದೆ. ಫೋಟೋಗಳು ಲೆನ್ಸ್ ಶಟರ್ನ ಕಾರ್ಯಾಚರಣೆಯಂತೆಯೇ ಪರಿಣಾಮದೊಂದಿಗೆ ಪರಸ್ಪರ ಅನುಸರಿಸುತ್ತವೆ.

21. ಹಗುರವಾದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ CSS ಸ್ಲೈಡರ್ "TinySlider 2"

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಬಳಸಿ ಇಮೇಜ್ ಸ್ಲೈಡರ್ನ ಅನುಷ್ಠಾನ.

22. ಅದ್ಭುತ ಸ್ಲೈಡರ್ "ಟೈನಿಸರ್ಕಲ್ಸ್ಲೈಡರ್"

ಸ್ಟೈಲಿಶ್ ರೌಂಡ್ ಸ್ಲೈಡರ್. ಸುತ್ತಳತೆಯ ಸುತ್ತಲೂ ಕೆಂಪು ವೃತ್ತದ ರೂಪದಲ್ಲಿ ಸ್ಲೈಡರ್ ಅನ್ನು ಎಳೆಯುವ ಮೂಲಕ ಚಿತ್ರಗಳ ನಡುವಿನ ಪರಿವರ್ತನೆಯನ್ನು ಕೈಗೊಳ್ಳಲಾಗುತ್ತದೆ. ನಿಮ್ಮ ವಿನ್ಯಾಸದಲ್ಲಿ ನೀವು ಸುತ್ತಿನ ಅಂಶಗಳನ್ನು ಬಳಸಿದರೆ ಅದು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಸಂಪೂರ್ಣವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ.

23. jQuery ಜೊತೆ ಇಮೇಜ್ ಸ್ಲೈಡರ್

ಹಗುರವಾದ ಸ್ಲೈಡರ್ "ಸ್ಲೈಡರ್ ಕಿಟ್". ಸ್ಲೈಡರ್ ವಿವಿಧ ವಿನ್ಯಾಸಗಳಲ್ಲಿ ಲಭ್ಯವಿದೆ: ಲಂಬ ಮತ್ತು ಅಡ್ಡ. ಸಹ ಅಳವಡಿಸಲಾಗಿದೆ ವಿವಿಧ ರೀತಿಯಚಿತ್ರಗಳ ನಡುವೆ ಸಂಚರಣೆ: "ಫಾರ್ವರ್ಡ್" ಮತ್ತು "ಬ್ಯಾಕ್" ಗುಂಡಿಗಳನ್ನು ಬಳಸಿ, ಮೌಸ್ ಚಕ್ರವನ್ನು ಬಳಸಿ, ಸ್ಲೈಡ್‌ನಲ್ಲಿ ಮೌಸ್ ಕ್ಲಿಕ್ ಬಳಸಿ.

24. ಚಿಕಣಿ ಚಿತ್ರಗಳೊಂದಿಗೆ ಗ್ಯಾಲರಿ "ಸ್ಲೈಡರ್ ಕಿಟ್"

ಗ್ಯಾಲರಿ "ಸ್ಲೈಡರ್ ಕಿಟ್". ಥಂಬ್‌ನೇಲ್‌ಗಳ ಸ್ಕ್ರೋಲಿಂಗ್ ಅನ್ನು ಲಂಬವಾಗಿ ಮತ್ತು ಅಡ್ಡಲಾಗಿ ನಡೆಸಲಾಗುತ್ತದೆ. ಚಿತ್ರಗಳ ನಡುವಿನ ಪರಿವರ್ತನೆಯನ್ನು ಬಳಸಿಕೊಂಡು ಕೈಗೊಳ್ಳಲಾಗುತ್ತದೆ: ಮೌಸ್ ಚಕ್ರ, ಮೌಸ್ ಕ್ಲಿಕ್ ಅಥವಾ ಥಂಬ್ನೇಲ್ ಮೇಲೆ ಕರ್ಸರ್ ಅನ್ನು ತೂಗಾಡುವುದು.

25. jQuery ವಿಷಯ ಸ್ಲೈಡರ್ "ಸ್ಲೈಡರ್ ಕಿಟ್"

jQuery ಬಳಸಿಕೊಂಡು ಲಂಬ ಮತ್ತು ಅಡ್ಡ ವಿಷಯ ಸ್ಲೈಡರ್.

26. jQuery ಸ್ಲೈಡ್ಶೋ "ಸ್ಲೈಡರ್ ಕಿಟ್"

ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾವಣೆಯೊಂದಿಗೆ ಸ್ಲೈಡ್‌ಶೋ.

27. ಹಗುರವಾದ ವೃತ್ತಿಪರ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ CSS3 ಸ್ಲೈಡರ್

2011 ರಲ್ಲಿ ರಚಿಸಲಾದ ಅಚ್ಚುಕಟ್ಟಾದ jQuery ಮತ್ತು CSS3 ಸ್ಲೈಡರ್.

ಥಂಬ್‌ನೇಲ್‌ಗಳೊಂದಿಗೆ jQuery ಸ್ಲೈಡ್‌ಶೋ.

29. ಸರಳ jQuery ಸ್ಲೈಡ್ಶೋ

ನ್ಯಾವಿಗೇಷನ್ ಬಟನ್‌ಗಳೊಂದಿಗೆ ಸ್ಲೈಡ್‌ಶೋ.

30. ಅದ್ಭುತ jQuery "ಸ್ಕಿಟರ್" ಸ್ಲೈಡ್ಶೋ

ಬೆರಗುಗೊಳಿಸುತ್ತದೆ ಸ್ಲೈಡ್ಶೋಗಳನ್ನು ರಚಿಸಲು jQuery ಸ್ಕಿಟರ್ ಪ್ಲಗಿನ್. ಚಿತ್ರಗಳನ್ನು ಬದಲಾಯಿಸುವಾಗ ಪ್ಲಗಿನ್ 22 (!) ವಿಧದ ವಿವಿಧ ಅನಿಮೇಷನ್ ಪರಿಣಾಮಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಎರಡು ಸ್ಲೈಡ್ ನ್ಯಾವಿಗೇಷನ್ ಆಯ್ಕೆಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಬಹುದು: ಸ್ಲೈಡ್ ಸಂಖ್ಯೆಗಳನ್ನು ಬಳಸುವುದು ಮತ್ತು ಥಂಬ್‌ನೇಲ್‌ಗಳನ್ನು ಬಳಸುವುದು. ಡೆಮೊವನ್ನು ವೀಕ್ಷಿಸಲು ಮರೆಯದಿರಿ, ಉತ್ತಮ ಗುಣಮಟ್ಟದ ಹುಡುಕಾಟ. ಬಳಸಿದ ತಂತ್ರಜ್ಞಾನಗಳು: CSS, HTML, jQuery, PHP.

31. ಸ್ಲೈಡ್‌ಶೋ "ಅಯೋಗ್ಯ"

ಕ್ರಿಯಾತ್ಮಕ ಸ್ಲೈಡ್ ಶೋ. ಸ್ಲೈಡ್‌ಗಳು ಹೀಗಿರಬಹುದು: ಸರಳ ಚಿತ್ರಗಳು, ಶೀರ್ಷಿಕೆಗಳೊಂದಿಗೆ ಚಿತ್ರಗಳು, ಟೂಲ್‌ಟಿಪ್‌ಗಳೊಂದಿಗೆ ಚಿತ್ರಗಳು, ವೀಡಿಯೊಗಳು. ನ್ಯಾವಿಗೇಟ್ ಮಾಡಲು ನಿಮ್ಮ ಕೀಬೋರ್ಡ್‌ನಲ್ಲಿ ಬಾಣಗಳು, ಸ್ಲೈಡ್ ಸಂಖ್ಯೆ ಲಿಂಕ್‌ಗಳು ಮತ್ತು ಎಡ/ಬಲ ಕೀಗಳನ್ನು ನೀವು ಬಳಸಬಹುದು. ಸ್ಲೈಡ್ ಶೋ ಹಲವಾರು ಆವೃತ್ತಿಗಳಲ್ಲಿ ಬರುತ್ತದೆ: ಥಂಬ್‌ನೇಲ್‌ಗಳೊಂದಿಗೆ ಮತ್ತು ಇಲ್ಲದೆ. ಎಲ್ಲಾ ಆಯ್ಕೆಗಳನ್ನು ವೀಕ್ಷಿಸಲು, ಡೆಮೊ ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ ಡೆಮೊ #1 - ಡೆಮೊ #6 ಲಿಂಕ್‌ಗಳನ್ನು ಅನುಸರಿಸಿ.

ಇಮೇಜ್ ಸ್ಲೈಡರ್‌ಗಾಗಿ ಅತ್ಯಂತ ಮೂಲ ವಿನ್ಯಾಸ, ಅಭಿಮಾನಿಗಳನ್ನು ನೆನಪಿಸುತ್ತದೆ. ಅನಿಮೇಟೆಡ್ ಸ್ಲೈಡ್ ಪರಿವರ್ತನೆ. ಚಿತ್ರಗಳ ನಡುವೆ ನ್ಯಾವಿಗೇಷನ್ ಅನ್ನು ಬಾಣಗಳನ್ನು ಬಳಸಿ ನಡೆಸಲಾಗುತ್ತದೆ. ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ ಪ್ಲೇ/ಪಾಸ್ ಬಟನ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಆನ್ ಮತ್ತು ಆಫ್ ಮಾಡಬಹುದಾದ ಸ್ವಯಂಚಾಲಿತ ಶಿಫ್ಟ್ ಸಹ ಇದೆ.

ಅನಿಮೇಟೆಡ್ jQuery ಸ್ಲೈಡರ್. ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿದಾಗ ಹಿನ್ನೆಲೆ ಚಿತ್ರಗಳು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಅಳೆಯುತ್ತವೆ. ಪ್ರತಿ ಚಿತ್ರಕ್ಕಾಗಿ, ವಿವರಣೆಯೊಂದಿಗೆ ಒಂದು ಬ್ಲಾಕ್ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.

34. jQuery ಮತ್ತು CSS3 ಬಳಸಿ "ಫ್ಲಕ್ಸ್ ಸ್ಲೈಡರ್" ಸ್ಲೈಡರ್

ಹೊಸ jQuery ಸ್ಲೈಡರ್. ಸ್ಲೈಡ್‌ಗಳನ್ನು ಬದಲಾಯಿಸುವಾಗ ಹಲವಾರು ತಂಪಾದ ಅನಿಮೇಟೆಡ್ ಪರಿಣಾಮಗಳು.

35. jQuery ಪ್ಲಗಿನ್ "jSwitch"

ಅನಿಮೇಟೆಡ್ jQuery ಗ್ಯಾಲರಿ.

ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾವಣೆಯೊಂದಿಗೆ ಸುಲಭವಾದ jQuery ಸ್ಲೈಡ್‌ಶೋ.

37. ಪ್ಲಗಿನ್‌ನ ಹೊಸ ಆವೃತ್ತಿ “SlideDeck 1.2.2”

ವೃತ್ತಿಪರ ವಿಷಯ ಸ್ಲೈಡರ್. ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾವಣೆಯೊಂದಿಗೆ ಆಯ್ಕೆಗಳಿವೆ, ಹಾಗೆಯೇ ಸ್ಲೈಡ್‌ಗಳ ನಡುವೆ ಚಲಿಸಲು ಮೌಸ್ ಚಕ್ರವನ್ನು ಬಳಸುವ ಆಯ್ಕೆಗಳಿವೆ.

38. jQuery ಸ್ಲೈಡರ್ "ಸುಡೋ ಸ್ಲೈಡರ್"

jQuery ಬಳಸಿ ಹಗುರವಾದ ಚಿತ್ರ ಸ್ಲೈಡರ್. ಸಾಕಷ್ಟು ಅನುಷ್ಠಾನ ಆಯ್ಕೆಗಳಿವೆ: ಚಿತ್ರಗಳ ಸಮತಲ ಮತ್ತು ಲಂಬ ಬದಲಾವಣೆ, ಸ್ಲೈಡ್ ಸಂಖ್ಯೆಗೆ ಲಿಂಕ್‌ಗಳೊಂದಿಗೆ ಮತ್ತು ಇಲ್ಲದೆ, ಚಿತ್ರದ ಶೀರ್ಷಿಕೆಗಳೊಂದಿಗೆ ಮತ್ತು ಇಲ್ಲದೆ, ವಿವಿಧ ಇಮೇಜ್ ಬದಲಾಗುವ ಪರಿಣಾಮಗಳು. ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾವಣೆ ಕಾರ್ಯವಿದೆ. ಎಲ್ಲಾ ಅನುಷ್ಠಾನ ಉದಾಹರಣೆಗಳ ಲಿಂಕ್‌ಗಳನ್ನು ಡೆಮೊ ಪುಟದಲ್ಲಿ ಕಾಣಬಹುದು.

39. jQuery CSS3 ಸ್ಲೈಡ್ಶೋ

ಥಂಬ್‌ನೇಲ್‌ಗಳೊಂದಿಗೆ ಸ್ಲೈಡ್‌ಶೋ ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಬದಲಾಯಿಸುವ ಮೋಡ್ ಅನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ.

40. jQuery ಸ್ಲೈಡರ್ "ಫ್ಲಕ್ಸ್ ಸ್ಲೈಡರ್"

ಅನೇಕ ಚಿತ್ರ ಬದಲಾಯಿಸುವ ಪರಿಣಾಮಗಳೊಂದಿಗೆ ಸ್ಲೈಡರ್.

41. ಸರಳ jQuery ಸ್ಲೈಡರ್

jQuery ಬಳಸಿ ಸ್ಟೈಲಿಶ್ ಇಮೇಜ್ ಸ್ಲೈಡರ್.

ಲೇಖಕರಿಂದ:ಸ್ಕ್ರೋಲಿಂಗ್ ಮಾಡದೆಯೇ ಗೋಚರಿಸುವ ವೆಬ್ ಪುಟಗಳ ಭಾಗದ "ಸಾವಿನ" ಬಗ್ಗೆ ವದಂತಿಗಳ ಹೊರತಾಗಿಯೂ, ಉತ್ತಮ ಸ್ಲೈಡರ್ನ ಅಗತ್ಯವು ಕಣ್ಮರೆಯಾಗಿಲ್ಲ. ಒಂದು ಸೆಕೆಂಡ್ ಪ್ರಾಮಾಣಿಕವಾಗಿರಲಿ - ಸ್ಲೈಡರ್‌ಗಳು ವಿನೋದಮಯವಾಗಿವೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಬೇರೆ ಯಾವುದೂ, ಚಲಿಸುವ ವಿಷಯಕ್ಕಿಂತ ಭಿನ್ನವಾಗಿ, ಬಳಕೆದಾರರಲ್ಲಿ "ವಾವ್" ಪರಿಣಾಮವನ್ನು ಉಂಟುಮಾಡುತ್ತದೆ. ಎಲ್ಲಾ ಸ್ಲೈಡರ್‌ಗಳು ಒಂದಕ್ಕೊಂದು ಬದಲಿಸುವ ಹಲವಾರು ಸ್ಲೈಡ್‌ಗಳ ಗುಂಪಾಗಿದೆ ಮತ್ತು ಸ್ಲೈಡರ್ ಕೋಡ್ ಸಾಧ್ಯವಾದಷ್ಟು ಹಗುರವಾಗಿರುವುದು ಬಹಳ ಮುಖ್ಯ. ಅಂತಹ ಸಂದರ್ಭಗಳಲ್ಲಿ jQuery ನಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.

Envato ಮಾರುಕಟ್ಟೆಯಿಂದ 20 jQuery ಸ್ಲೈಡರ್‌ಗಳನ್ನು ನೋಡೋಣ ಮತ್ತು ಅವುಗಳ ಮೂಲಕ ಸರಾಗವಾಗಿ ಹರಿಯುವ ಚಿತ್ರಗಳ ಬ್ಲಾಕ್‌ಗಿಂತ ಹೆಚ್ಚಿನ ಸ್ಲೈಡರ್‌ಗಳಿವೆ ಎಂದು ನೀವು ತಿಳಿದುಕೊಳ್ಳುತ್ತೀರಿ.

1. RoyalSlider - jQuery ಬಳಸಿ ಟಚ್‌ಸ್ಕ್ರೀನ್ ಇಮೇಜ್ ಗ್ಯಾಲರಿ

ಇತ್ತೀಚಿನ ದಿನಗಳಲ್ಲಿ, ಟಚ್‌ಸ್ಕ್ರೀನ್ ಸ್ನೇಹಿಯಾಗಿರುವ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ಸ್ಲೈಡರ್ ಎಂದರೆ ಮೊದಲಿಗಿಂತ ಹೆಚ್ಚು. RoyalSlider ಎರಡೂ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಸಂಯೋಜಿಸುತ್ತದೆ: ಪ್ರತಿಕ್ರಿಯಾತ್ಮಕತೆ ಮತ್ತು ಟಚ್ ಸ್ಕ್ರೀನ್ ಕಾರ್ಯವನ್ನು. ಉತ್ತಮ ಆಯ್ಕೆ, ಗ್ಯಾಲರಿಯನ್ನು HTML5 ಮತ್ತು CSS3 ನಲ್ಲಿ ಬರೆಯಲಾಗಿದೆ.

ಕೆಲವು ಆಸಕ್ತಿದಾಯಕ ವೈಶಿಷ್ಟ್ಯಗಳು:

ನೀವೇ ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು?

SEO ಆಪ್ಟಿಮೈಸೇಶನ್

ಹೆಚ್ಚು ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ

10 ಕ್ಕೂ ಹೆಚ್ಚು ಸ್ಟಾರ್ಟರ್ ಟೆಂಪ್ಲೇಟ್‌ಗಳು

CSS3 ಪರಿವರ್ತನೆಗಳಿಗೆ ಒಂದು ಹಿನ್ನಡೆ ಇದೆ

ನನ್ನ ಅಭಿಪ್ರಾಯದಲ್ಲಿ, ತಂಪಾದ ವೈಶಿಷ್ಟ್ಯವೆಂದರೆ "ಮಾಡ್ಯುಲರ್ ಸ್ಕ್ರಿಪ್ಟ್ ಆರ್ಕಿಟೆಕ್ಚರ್", ಇದು ಮುಖ್ಯ JS ಫೈಲ್‌ನಿಂದ ಅನಗತ್ಯ ವಿಷಯಗಳನ್ನು ಹೊರಗಿಡಲು ನಿಮಗೆ ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ, ಇದರಿಂದಾಗಿ ತೂಕವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ. RoyalSlider, JQuery ನಲ್ಲಿ ಟಚ್‌ಸ್ಕ್ರೀನ್ ಇಮೇಜ್ ಗ್ಯಾಲರಿ, ಯಾವುದೇ ಡೆವಲಪರ್‌ನ ಟೂಲ್‌ಕಿಟ್‌ಗೆ ಸೇರಿಸಬೇಕಾದ ದೃಢವಾದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸ್ಲೈಡರ್ ಆಗಿದೆ.

2. ಸ್ಲೈಡರ್ ಕ್ರಾಂತಿ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ jQuery ಪ್ಲಗಿನ್

ಸ್ಲೈಡರ್ನೊಂದಿಗೆ "ಕ್ರಾಂತಿಕಾರಿ" ಏನನ್ನಾದರೂ ಮಾಡುವುದು ಸುಲಭವಲ್ಲ. ಸ್ಲೈಡರ್‌ಗಳಿಗೆ ಬಂದಾಗ, ನೀವು ಅವರಿಗೆ ಸೇರಿಸಬಹುದಾದ ಹಲವು ವೈಶಿಷ್ಟ್ಯಗಳಿವೆ. ಆದಾಗ್ಯೂ, ಸ್ಲೈಡರ್ ಕ್ರಾಂತಿಯು ನಿಜವಾಗಿಯೂ ಉತ್ತಮ ಪ್ರಯತ್ನವಾಗಿದೆ. jQuery ಸ್ಲೈಡರ್‌ಗಳಲ್ಲಿ ಈ ಪ್ರತಿನಿಮ್ಮ ಎಲ್ಲಾ ಸಂಭಾವ್ಯ ಅವಶ್ಯಕತೆಗಳನ್ನು ಪೂರೈಸುತ್ತದೆ.

ಸ್ಲೈಡರ್ ವೈಶಿಷ್ಟ್ಯಗಳ ಪಟ್ಟಿ ತುಂಬಾ ದೊಡ್ಡದಾಗಿದೆ, ಆದ್ದರಿಂದ ನಾನು ಅತ್ಯುತ್ತಮವಾದವುಗಳನ್ನು ಮಾತ್ರ ಪಟ್ಟಿ ಮಾಡುತ್ತೇನೆ:

ಭ್ರಂಶ ಪರಿಣಾಮ ಮತ್ತು ಕಸ್ಟಮ್ ಅನಿಮೇಷನ್

ಅನಿಯಮಿತ ಸಂಖ್ಯೆಯ ಲೇಯರ್‌ಗಳು ಮತ್ತು ಲಿಂಕ್‌ಗಳೊಂದಿಗೆ ಸ್ಲೈಡ್‌ಗಳು

ಬಳಸಲು ಸಿದ್ಧವಾಗಿದೆ, ಆಳವಾಗಿ ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ಶೈಲಿಗಳು

ಮತ್ತು ಹೆಚ್ಚು

ಚಿತ್ರ, ಎಂಬೆಡೆಡ್ ವೀಡಿಯೊ ಪ್ಲೇಯರ್ ಮತ್ತು ಲಿಂಕ್‌ಗಳನ್ನು ಸೇರಿಸುವ ಸಾಮರ್ಥ್ಯ ಸಾಮಾಜಿಕ ಜಾಲಗಳುಸ್ಲೈಡರ್ ಕ್ರಾಂತಿಯನ್ನು ವೆಬ್‌ನಲ್ಲಿ ಅತ್ಯಂತ ಹೊಂದಿಕೊಳ್ಳುವ ಮತ್ತು ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ಆಯ್ಕೆಗಳಲ್ಲಿ ಒಂದನ್ನಾಗಿ ಮಾಡುತ್ತದೆ.

3. LayerSlider ಹೊಂದಾಣಿಕೆಯ jQuery ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್

"LayerSlider ಹೊಂದಾಣಿಕೆಯ jQuery ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್" ಎಂಬ ಹೆಸರು ಈ ಸ್ಲೈಡರ್ ಅನ್ನು ನಿಜವಾಗಿಯೂ ಮೌಲ್ಯಮಾಪನ ಮಾಡಲು ಸಾಧ್ಯವಿಲ್ಲ.
ಸ್ಲೈಡ್‌ಗಳ ನಡುವೆ 200+ 2D ಮತ್ತು 3D ಪರಿವರ್ತನೆಗಳು ಯಾರ ತಲೆಯನ್ನು ತಿರುಗಿಸುತ್ತವೆ.

ಒಂದೆರಡು ಗಮನಾರ್ಹ ವೈಶಿಷ್ಟ್ಯಗಳು:

13 ಚರ್ಮಗಳು ಮತ್ತು 3 ಮೆನು ಪ್ರಕಾರಗಳು

ಸ್ಲೈಡರ್ ಮೇಲೆ ಸ್ಥಿರ ಚಿತ್ರವನ್ನು ಇರಿಸುವ ಸಾಮರ್ಥ್ಯ

ಮತ್ತು jQuery ಗೆ

ಮತ್ತು ಹೆಚ್ಚು

ಹಿಂದಿನ ಸ್ಲೈಡರ್‌ನಂತೆ, ನೀವು ಯಾವುದೇ ವಿಷಯವನ್ನು ಸೇರಿಸಬಹುದು, HTML5 ನಿವಾಸಿ ಮಲ್ಟಿಮೀಡಿಯಾ ವಿಷಯವೂ ಸಹ. LayerSlider ಜೀವನಕ್ಕೆ ಸ್ಲೈಡರ್‌ಗಳನ್ನು ತರುತ್ತದೆ ಮತ್ತು ತುಂಬಾ ಸುಂದರವಾಗಿರುತ್ತದೆ.

4. jQuery ಬ್ಯಾನರ್ ಆವರ್ತಕ / ಸ್ಲೈಡ್ಶೋ

jQuery ಬ್ಯಾನರ್ ಆವರ್ತಕ / ಸ್ಲೈಡ್‌ಶೋ ಸಾಕಷ್ಟು ಸರಳವಾದ ಸ್ಲೈಡರ್ ಆಗಿದ್ದು ಅದು ಮುಖ್ಯ ಕಾರ್ಯವನ್ನು ತ್ಯಾಗ ಮಾಡುವುದಿಲ್ಲ.

ಸಾಧ್ಯತೆಗಳು:

ಟೂಲ್ಟೈಪ್ಸ್, ಪಠ್ಯ ಒಳಸೇರಿಸುವಿಕೆಗಳುಇತ್ಯಾದಿ

ಪೂರ್ವವೀಕ್ಷಣೆಗಳು ಮತ್ತು ಘಟಕಗಳನ್ನು ವೀಕ್ಷಿಸಲು ವಿವಿಧ ಆಯ್ಕೆಗಳು

ಒಂದು ಸ್ಲೈಡರ್ ಅಥವಾ ಎಲ್ಲಾ ವಿಳಂಬದೊಂದಿಗೆ ಟೈಮರ್

ಎಲ್ಲಾ ಸ್ಲೈಡ್‌ಗಳಿಗೆ ಬಹು ಪರಿವರ್ತನೆಗಳು ಅಥವಾ ಪ್ರತಿಯೊಂದಕ್ಕೂ ಪ್ರತ್ಯೇಕವಾಗಿ ವಿಭಿನ್ನ ಪರಿವರ್ತನೆಗಳು

jQuery ಬ್ಯಾನರ್ ಆವರ್ತಕ / ಸ್ಲೈಡ್‌ಶೋ, ಇತರ JQuery ಸ್ಲೈಡರ್‌ಗಳಿಗೆ ಹೋಲಿಸಿದರೆ, ಮಾತ್ರ ಹೊಂದಿದೆ ಮೂಲಭೂತ ಸಾಮರ್ಥ್ಯಗಳು, ಆದರೆ ನೀವು ಅದರ ಬಗ್ಗೆ ಮರೆಯಬಾರದು.

5. ಎಲ್ಲಾ ಒಂದು ಸ್ಲೈಡರ್ - ರೆಸ್ಪಾನ್ಸಿವ್ jQuery ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್

ಅಂತರ್ಜಾಲದಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುವ ಯಾವುದೇ ಸ್ಲೈಡರ್ ತನ್ನದೇ ಆದ ವಿಶಿಷ್ಟ ದೃಷ್ಟಿಯನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ಅದರ ಕ್ಷೇತ್ರದಲ್ಲಿ ಯಾವುದೇ ಸಮಸ್ಯೆಗಳನ್ನು ಪರಿಹರಿಸುತ್ತದೆ. ಆದರೆ ಇದಲ್ಲ. ಆಲ್ ಇನ್ ಒನ್ ಸ್ಲೈಡರ್ ಅನ್ನು "ಎಲ್ಲಾ ಅಂತರ್ಗತ" ಎಂದು ಕರೆಯಬಹುದು.

ಹೆಚ್ಚಿನ ವೆಬ್ ಡೆವಲಪರ್‌ಗಳು ಮತ್ತು ವಿನ್ಯಾಸಕರು ಸಾಬೀತಾದ ಪರಿಹಾರವನ್ನು ಹೊಂದಿದ್ದಾರೆಂದು ನಾನು ಭಾವಿಸುತ್ತೇನೆ, ಆದರೆ ಅವರು ಯಾವಾಗಲೂ ಹೊಸದನ್ನು ಹುಡುಕುತ್ತಿದ್ದಾರೆ. ಮತ್ತು ಈ "ಹೊಸದನ್ನು" ಒಳಗೊಂಡಿದೆ:

ಬ್ಯಾನರ್ ಆವರ್ತಕ

ಪೂರ್ವವೀಕ್ಷಣೆಯೊಂದಿಗೆ ಬ್ಯಾನರ್

ಪ್ಲೇಪಟ್ಟಿಯೊಂದಿಗೆ ಬ್ಯಾನರ್

ವಿಷಯ ಸ್ಲೈಡರ್

ಏರಿಳಿಕೆ

ಎಲ್ಲಾ ಸ್ಲೈಡರ್ ಪ್ರಕಾರಗಳು jQuery ಸ್ಲೈಡರ್‌ಗಳಿಗೆ ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ಕಾರ್ಯಗಳನ್ನು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ. ಆಲ್ ಇನ್ ಒನ್ ಸ್ಲೈಡರ್ ನಿಮ್ಮ ಎಲ್ಲವನ್ನೂ ಒಳಗೊಂಡಿರುತ್ತದೆಯೇ?

6. UnoSlider - ಅಡಾಪ್ಟಿವ್ ಟಚ್‌ಸ್ಕ್ರೀನ್ ಸ್ಲೈಡರ್

ನಿಮ್ಮ ಸ್ಲೈಡರ್ ಸ್ಪಂದಿಸದಿದ್ದರೆ ಮತ್ತು ಟಚ್ ಸ್ಕ್ರೀನ್‌ಗಳನ್ನು ಬೆಂಬಲಿಸದಿದ್ದರೆ, ನೀವು ತಪ್ಪು ಸ್ಲೈಡರ್ ಅನ್ನು ಹೊಂದಿದ್ದೀರಿ. UnoSlider ಸರಿಯಾಗಿದೆ.

ಈ ಸ್ಲೈಡರ್ ಸೂರ್ಯನಲ್ಲಿ ಸರಳತೆ ಮತ್ತು ಶ್ರೀಮಂತ ಕಾರ್ಯಗಳ ನಡುವೆ ತನ್ನ ಸ್ಥಾನವನ್ನು ಕಂಡುಕೊಂಡಿದೆ. ಕಾರ್ಯಗಳು:

ಥೀಮ್ ಬೆಂಬಲ

12 ಸಿದ್ಧ ವಿಷಯಗಳು

40 ಪರಿವರ್ತನೆಗಳು

IE6+ ಬೆಂಬಲ

ವಿನ್ಯಾಸ ಮತ್ತು ಶೈಲಿಗೆ ಒತ್ತು ನೀಡುವ ಎಲ್ಲಾ ವೈಶಿಷ್ಟ್ಯಗಳು, ಥೀಮ್‌ಗಳನ್ನು ಸೇರಿಸುವ ಸಾಮರ್ಥ್ಯದೊಂದಿಗೆ UnoSlider ಅನ್ನು ಅತ್ಯುತ್ತಮ ವಿಷಯ ಸ್ಲೈಡರ್ ಮಾಡುತ್ತದೆ.

7. ಮಾಸ್ಟರ್ ಸ್ಲೈಡರ್ - jQuery ಟಚ್‌ಸ್ಕ್ರೀನ್ ಸ್ಲೈಡರ್

"ಎಲ್ಲವನ್ನೂ ಆಳಲು ಒಂದು jQuery ಸ್ಲೈಡರ್" ಅನ್ನು ಹುಡುಕುತ್ತಿರುವಿರಾ? ಮಾಸ್ಟರ್ ಸ್ಲೈಡರ್ ಅನ್ನು ಪ್ರಯತ್ನಿಸಿ - ವಿಭಿನ್ನ ಪರದೆಯ ಗಾತ್ರಗಳಿಗಾಗಿ jQuery ಟಚ್‌ಸ್ಕ್ರೀನ್ ಸ್ಲೈಡರ್...

ಉತ್ತಮ ವಿನ್ಯಾಸಕ್ಕೆ ಬಂದಾಗ, ಈ ಉದಾಹರಣೆಯು ಅತ್ಯುತ್ತಮವಾದದ್ದು:

25 ಕ್ಕೂ ಹೆಚ್ಚು ಟೆಂಪ್ಲೇಟ್‌ಗಳು

ಹಾರ್ಡ್‌ವೇರ್ ವೇಗವರ್ಧಿತ ಪರಿವರ್ತನೆಗಳು

ಬೆಂಬಲವನ್ನು ಸ್ಪರ್ಶಿಸಿ ಮತ್ತು ಸ್ವೈಪ್ ಮಾಡಿ

ಮತ್ತು ಹೆಚ್ಚು

ಸಂವಾದಾತ್ಮಕ ಪರಿವರ್ತನೆಗಳು, ಅನಿಮೇಟೆಡ್ ಲೇಯರ್‌ಗಳು ಮತ್ತು ಹಾಟ್‌ಸ್ಪಾಟ್‌ಗಳು ಖಂಡಿತವಾಗಿಯೂ ನಿಮ್ಮ ಗಮನವನ್ನು ಸೆಳೆಯುತ್ತವೆ. ಮಾಸ್ಟರ್ ಸ್ಲೈಡರ್ ಒಂದು ಕಲಾಕೃತಿಯಾಗಿದೆ.

8. TouchCarousel - jQuery ವಿಷಯ scroller ಮತ್ತು ಸ್ಲೈಡರ್

TouchCarousel ಉಚಿತ ಬೆಂಬಲ ಮತ್ತು ನವೀಕರಣಗಳನ್ನು ನೀಡುತ್ತದೆ. ಆದಾಗ್ಯೂ, ಈ ಹಗುರ jQuery ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್ ಎಲ್ಲಾ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಅಲ್ಲ.

"ಟಚ್" ಎಂಬ ಪದವು ಹೆಸರಿನಲ್ಲಿದ್ದರೆ, ಸ್ಲೈಡರ್ ಸಂಪೂರ್ಣವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ಸ್ಪರ್ಶಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ ಎಂದು ನೀವು ಊಹಿಸಬಹುದು. ಇತರ ವೈಶಿಷ್ಟ್ಯಗಳು:

SEO ಆಪ್ಟಿಮೈಸೇಶನ್

ಸ್ಮಾರ್ಟ್ ಸ್ವಯಂಪ್ಲೇ

ಹಾರ್ಡ್‌ವೇರ್ ವೇಗವರ್ಧನೆಯೊಂದಿಗೆ CSS3 ಪರಿವರ್ತನೆಗಳು

ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದಾದ UI ಮತ್ತು ಫೋಟೋಶಾಪ್‌ಗಾಗಿ 4 ಸ್ಕಿನ್‌ಗಳು

TouchCarousel, ಅದರ ವಿಶಿಷ್ಟ ಭೌತಿಕ ಸ್ಲೈಡ್ ಸ್ಕ್ರೋಲಿಂಗ್‌ನಿಂದಾಗಿ, ಮೊಬೈಲ್ ಅನುಭವಗಳನ್ನು ಸಂಪೂರ್ಣ ಹೊಸ ಮಟ್ಟಕ್ಕೆ ಕೊಂಡೊಯ್ಯುತ್ತದೆ.

9. ಸುಧಾರಿತ ಸ್ಲೈಡರ್ - jQuery XML ಸ್ಲೈಡರ್

jQuery ಸ್ಲೈಡರ್‌ಗಳನ್ನು ವೆಬ್‌ಸೈಟ್‌ಗಳಲ್ಲಿ ಮಾತ್ರವಲ್ಲದೆ ಬಳಸಬಹುದು. ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿಯೂ ಅವು ಉಪಯುಕ್ತವಾಗಬಹುದು. ಸುಧಾರಿತ ಸ್ಲೈಡರ್ ಇದನ್ನು ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.

HTML ಅಥವಾ XML ಮಾರ್ಕ್‌ಅಪ್‌ನೊಂದಿಗೆ, ಈ ಸುಧಾರಿತ ಸ್ಲೈಡರ್ ಶಾಶ್ವತವಾದ ಪ್ರಭಾವ ಬೀರುತ್ತದೆ:

ಅನಿಮೇಟೆಡ್ ಲೇಯರ್‌ಗಳು ಮತ್ತು ಸ್ಮಾರ್ಟ್ ವೀಡಿಯೊ

100+ ಪರಿವರ್ತನೆಗಳು ಮತ್ತು 150+ ಕಸ್ಟಮ್ ಗುಣಲಕ್ಷಣಗಳು

15 ಸ್ಲೈಡರ್ ಚರ್ಮಗಳು, 7 ಸ್ಕ್ರಾಲ್‌ಬಾರ್ ಚರ್ಮಗಳು ಮತ್ತು ಅಂತರ್ನಿರ್ಮಿತ ಲೈಟ್‌ಬಾಕ್ಸ್ ಬೆಂಬಲ

ಕೀಬೋರ್ಡ್ ನ್ಯಾವಿಗೇಷನ್, ಟಚ್ ಬೆಂಬಲ ಮತ್ತು ಪೂರ್ಣ ಗ್ರಾಹಕೀಕರಣ

ಮತ್ತು ಹೆಚ್ಚು

ಆದಾಗ್ಯೂ, ಅತ್ಯಂತ ಅತ್ಯುತ್ತಮ ವೈಶಿಷ್ಟ್ಯಈ ಸುಧಾರಿತ ಸ್ಲೈಡರ್ jQuery XML ಸ್ಲೈಡರ್ API ಆಗಿದ್ದು ಅದು ನಿಮ್ಮ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗೆ ಸ್ಲೈಡರ್ ಅನ್ನು ಆದರ್ಶ ಆಯ್ಕೆಯನ್ನಾಗಿ ಮಾಡುತ್ತದೆ.

10. jQuery ಸ್ಲೈಡರ್ ಜೂಮ್ ಇನ್ / ಔಟ್ ಎಫೆಕ್ಟ್ ಸಂಪೂರ್ಣವಾಗಿ ರೆಸ್ಪಾನ್ಸಿವ್

ನೀವು ಅದರ ವೈಶಿಷ್ಟ್ಯಗಳ ಬಗ್ಗೆ ಓದಲು ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು ಡೆಮೊವನ್ನು ವೀಕ್ಷಿಸುವಂತೆ ಮಾಡುವ jQuery ಸ್ಲೈಡರ್‌ಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ. ಈ "ಝೂಮ್ ಇನ್/ಔಟ್ ಎಫೆಕ್ಟ್" ಎಂದರೆ ಏನೆಂದು ನೀವು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಬಯಸುತ್ತೀರಿ.

ಜೂಮ್ ಪರಿಣಾಮವು ಸಾಕಷ್ಟು ದುರ್ಬಲವಾಗಿದೆ, ಆದರೆ ಉಳಿದ ಸ್ಲೈಡರ್ ಸ್ಥಿರವಾಗಿರುವಾಗ ಇದು ಚಿತ್ರಕ್ಕೆ ನಿಯಂತ್ರಣ ಮತ್ತು ನೈಜ ಸ್ಪರ್ಶವನ್ನು ನೀಡುತ್ತದೆ. ಸ್ಲೈಡರ್‌ನ ವಿಶೇಷ ಲಕ್ಷಣಗಳು:

CSS3 ಲೇಯರ್ ಪರಿವರ್ತನೆಗಳು

ಲೇಯರ್‌ಗಳಿಗೆ ಅನಿಮೇಷನ್ ಅಂತಿಮ ಆಯ್ಕೆ

ಸ್ಥಿರ ಅಗಲ, ಪೂರ್ಣ ಪರದೆ ಮತ್ತು ಪೂರ್ಣ ಅಗಲ ಆಯ್ಕೆಗಳು

HTML ಮತ್ತು CSS ಫಾರ್ಮ್ಯಾಟಿಂಗ್‌ನೊಂದಿಗೆ ಅನಿಮೇಟೆಡ್ ಪಠ್ಯ

ಹೆಚ್ಚಿನ ಸ್ಲೈಡರ್‌ಗಳು ಸಾಧ್ಯವಾದಷ್ಟು ಹೆಚ್ಚಿನ ಪರಿಣಾಮಗಳನ್ನು ಅಳವಡಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತವೆ, ಆದರೆ jQuery ಸ್ಲೈಡರ್ ಜೂಮ್ ಇನ್/ಔಟ್ ಎಫೆಕ್ಟ್ ಸಂಪೂರ್ಣವಾಗಿ ರೆಸ್ಪಾನ್ಸಿವ್ ಕೆನ್ ಬರ್ನ್ಸ್ ಪರಿಣಾಮವನ್ನು ಮಾತ್ರ ಹೊಂದಿದೆ, ಆದರೆ ಅದನ್ನು ಉತ್ತಮವಾಗಿ ಅಳವಡಿಸಲಾಗಿದೆ.

11. jQuery ಕರೋಸೆಲ್ ಎವಲ್ಯೂಷನ್

ಮೇಲೆ ತಿಳಿಸಲಾದ ಸುಧಾರಿತ ಸ್ಲೈಡರ್ - jQuery XML ಸ್ಲೈಡರ್ ನಂತೆ, jQuery ಕರೋಸೆಲ್ ಎವಲ್ಯೂಷನ್ ತನ್ನದೇ ಆದ API ಅನ್ನು ಹೊಂದಿದೆ, ಅದನ್ನು ಕಾರ್ಯವನ್ನು ಹೆಚ್ಚಿಸಲು ಅಥವಾ ಸ್ಲೈಡರ್ ಅನ್ನು ಮತ್ತೊಂದು ಯೋಜನೆಗೆ ಸಂಯೋಜಿಸಲು ಬಳಸಬಹುದು.

ನೀವೇ ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು?

ನಿಮ್ಮದೇ ಆದ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ರಚಿಸಲು ಇಂದು ಯಾವ ತಂತ್ರಜ್ಞಾನಗಳು ಮತ್ತು ಜ್ಞಾನದ ಅಗತ್ಯವಿದೆ? ತೀವ್ರವಾಗಿ ಕಂಡುಹಿಡಿಯಿರಿ!

ಚಿತ್ರಗಳು, HTML ಮಾರ್ಕ್ಅಪ್, YouTube ಮತ್ತು Vimeo ವೀಡಿಯೊಗಳೊಂದಿಗೆ ನೀವು ಸಹ ಸ್ವೀಕರಿಸುತ್ತೀರಿ:

SEO ಆಪ್ಟಿಮೈಸೇಶನ್

9 ಏರಿಳಿಕೆ ಶೈಲಿಗಳು

ನೆರಳು ಮತ್ತು ಪ್ರತಿಫಲನ ಪರಿಣಾಮಗಳು

ಚಿತ್ರದ ಗಾತ್ರವನ್ನು ಮುಂಭಾಗ ಮತ್ತು ಹಿಂಭಾಗದಲ್ಲಿ ಸರಿಹೊಂದಿಸಬಹುದು

jQuery ಏರಿಳಿಕೆ ವಿಕಸನವು ಅನೇಕ ಬಳಕೆಯ ಸಂದರ್ಭಗಳೊಂದಿಗೆ ಸರಳವಾದ ಏರಿಳಿಕೆಯಾಗಿದೆ.

12. ಸೆಕ್ಸಿ ಸ್ಲೈಡರ್

ಸೆಕ್ಸಿ ಸ್ಲೈಡರ್ ಮೊದಲಿನಂತೆ ಮಾದಕವಾಗಿಲ್ಲ. ಆದಾಗ್ಯೂ, ಅದರ ವಯಸ್ಸಿನ ಕಾರಣದಿಂದಾಗಿ, ಈ ಸ್ಲೈಡರ್ ವಿಶ್ವಾಸಾರ್ಹವಾಗಿದೆ.

ಸ್ಲೈಡರ್ ಮೊದಲ ನೋಟದಲ್ಲಿ ಹೆಚ್ಚು ಪ್ರಭಾವಶಾಲಿಯಾಗಿ ಕಾಣುತ್ತಿಲ್ಲ, ಆದರೆ ನೀವು ಅದನ್ನು ಉತ್ತಮವಾಗಿ ಕಸ್ಟಮೈಸ್ ಮಾಡಿದರೆ, ಅದು ನಿಮ್ಮ ವಿನ್ಯಾಸಕ್ಕೆ ಸಂಪೂರ್ಣವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ. ಸಾಧ್ಯತೆಗಳು:

ಸ್ವಯಂಪ್ಲೇ ಸ್ಲೈಡ್‌ಗಳು

ಚಿತ್ರ ಶೀರ್ಷಿಕೆಗಳು

ನಿರಂತರ ಸ್ಲೈಡ್ ಪ್ಲೇಬ್ಯಾಕ್

6 ಪರಿವರ್ತನೆ ಪರಿಣಾಮಗಳು

ಸೆಕ್ಸಿ ಸ್ಲೈಡರ್ ನೀವು ಅದರ ಸಂಪೂರ್ಣ ಶಕ್ತಿ ಮತ್ತು ಸಾಮರ್ಥ್ಯವನ್ನು ಅನ್ಲಾಕ್ ಮಾಡಲು ಕಾಯುತ್ತಿದೆ.

13. jQuery ಇಮೇಜ್ ಮತ್ತು ವಿಷಯ ಸ್ಕ್ರೋಲರ್ w/ ಲೈಟ್‌ಬಾಕ್ಸ್

ಈ ಎಲ್ಲಾ ಮೊಬೈಲ್ ಸ್ನೇಹಿ ವಿನ್ಯಾಸಗಳು ಮತ್ತು ಟಚ್‌ಸ್ಕ್ರೀನ್ ಬೆಂಬಲದೊಂದಿಗೆ, ಮರೆಯದಿರುವ jQuery ಸ್ಲೈಡರ್ ಅನ್ನು ನೋಡಲು ಸಂತೋಷವಾಗಿದೆ ಡೆಸ್ಕ್ಟಾಪ್ ಕಂಪ್ಯೂಟರ್ಗಳು.

jQuery ಇಮೇಜ್ ಮತ್ತು ಕಂಟೆಂಟ್ ಸ್ಕ್ರೋಲರ್ w/ ಲೈಟ್‌ಬಾಕ್ಸ್ ಕೀಬೋರ್ಡ್ ಇನ್‌ಪುಟ್ ಮತ್ತು ಮೌಸ್ ವೀಲ್ ಮತ್ತು ಇತರ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ:

ಅಡ್ಡ ಮತ್ತು ಲಂಬ ದೃಷ್ಟಿಕೋನ

ಸ್ಲೈಡರ್ ಒಳಗೆ ಅಥವಾ ಹೊರಗೆ ಪಠ್ಯ ಶೀರ್ಷಿಕೆಗಳು

ಒಂದು ಸಮಯದಲ್ಲಿ ಗೋಚರಿಸುವ ನಿರ್ದಿಷ್ಟ ಸಂಖ್ಯೆಯ ಸ್ಲೈಡ್‌ಗಳನ್ನು ಹೊಂದಿಸುವ ಸಾಮರ್ಥ್ಯ

ಇನ್‌ಲೈನ್ ಚಿತ್ರಗಳು, ಫ್ಲ್ಯಾಶ್, ಐಫ್ರೇಮ್, ಅಜಾಕ್ಸ್ ಮತ್ತು ಇನ್‌ಲೈನ್ ವಿಷಯ

ಸ್ಲೈಡರ್ ಅಂತರ್ನಿರ್ಮಿತ ಲೈಟ್‌ಬಾಕ್ಸ್ ಅನ್ನು ಸಹ ಹೊಂದಿದೆ. ನೀವು ಬಯಸಿದರೆ, jQuery ಇಮೇಜ್ ಮತ್ತು ಕಂಟೆಂಟ್ ಸ್ಕ್ರೋಲರ್ w/ ಲೈಟ್‌ಬಾಕ್ಸ್‌ನಲ್ಲಿ ನೀವು ಸ್ಲೈಡರ್ ಅನ್ನು ಸ್ವತಃ ಪ್ರಾರಂಭಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ, ಆದರೆ ಲೈಟ್‌ಬಾಕ್ಸ್ ಅನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ಪ್ರಾರಂಭಿಸಿ.

14. ಅರೆಪಾರದರ್ಶಕ - ಅಡಾಪ್ಟಿವ್ ಬ್ಯಾನರ್ ಆವರ್ತಕ / ಸ್ಲೈಡರ್

ಹೆಚ್ಚಿನ jQuery ಸ್ಲೈಡರ್‌ಗಳು ತಮ್ಮದೇ ಆದ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿವೆ. ನೀವು ಅದನ್ನು ನಿಮಗಾಗಿ ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು, ಆದರೆ ಕೆಲವೊಮ್ಮೆ ನೀವು ಎಲ್ಲವನ್ನೂ ಸ್ಲೈಡರ್ ಒಳಗೆ ಇರಬೇಕೆಂದು ಬಯಸುತ್ತೀರಿ. ನಾವು ನಿಮಗೆ ಅರೆಪಾರದರ್ಶಕವನ್ನು ಪ್ರಸ್ತುತಪಡಿಸುತ್ತೇವೆ.

ಸ್ಲೈಡರ್ ಬಹಳಷ್ಟು ಪೂರ್ವನಿಗದಿಗಳನ್ನು ಹೊಂದಿದೆ. ನೀವು ಕೇಳಬೇಕಾಗಬಹುದು ಕೆಲವು ಸೆಟ್ಟಿಂಗ್ಗಳುಮತ್ತು ಅಷ್ಟೆ. ಸಾಧ್ಯತೆಗಳು:

6 ವಿವಿಧ ಶೈಲಿಗಳು

4 ಪರಿವರ್ತನೆ ಪರಿಣಾಮಗಳು

2 ಸ್ವೈಪ್ ಪರಿವರ್ತನೆಗಳು

ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ಬಟನ್‌ಗಳು ಮತ್ತು ಶೀರ್ಷಿಕೆಗಳು

ಇತರರಂತೆ, ಈ ಸ್ಲೈಡರ್ ಟಚ್-ಸೆನ್ಸಿಟಿವ್, ರೆಸ್ಪಾನ್ಸಿವ್ ಮತ್ತು ಹಾರ್ಡ್‌ವೇರ್ ವೇಗವರ್ಧಿತವಾಗಿದೆ. ಅರೆಪಾರದರ್ಶಕವು ಕನಿಷ್ಠ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿರುವ ಸ್ಲೈಡರ್ ಆಗಿದ್ದು ಅದು ವಿಷಯವನ್ನು ಸ್ವತಃ ಮೊದಲ ಸ್ಥಾನದಲ್ಲಿರಿಸುತ್ತದೆ.

15. FSS - ಫುಲ್ ಸ್ಕ್ರೀನ್ ಸ್ಲೈಡಿಂಗ್ ವೆಬ್‌ಸೈಟ್ ಪ್ಲಗಿನ್

ಸ್ಲೈಡ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿರುವ ಪೂರ್ಣ-ಪರದೆಯ ವೆಬ್‌ಸೈಟ್ ಮಾಡಲು ನೀವು ಬಯಸುವಿರಾ? ನಂತರ ನಿಮಗೆ ಎಫ್ಎಸ್ಎಸ್ ಅಗತ್ಯವಿದೆ.

ವಾಸ್ತವವಾಗಿ, ಈ JQuery ಸ್ಲೈಡರ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಪೂರ್ಣ-ಪರದೆಯ ಸ್ಲೈಡರ್ ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ರಚಿಸುವುದು ತುಂಬಾ ಸುಲಭ. ಸಾಧ್ಯತೆಗಳು:

AJAX ಬೆಂಬಲ

ಸ್ಕ್ರಾಲ್ ಪಟ್ಟಿ

ಡೀಪ್ ಲಿಂಕ್ ತಂತ್ರಜ್ಞಾನ ಬೆಂಬಲ

2 ವಿಭಿನ್ನ ಪರಿವರ್ತನೆ ಪರಿಣಾಮಗಳು

ಕೀಬೋರ್ಡ್ ಬೆಂಬಲ ಮತ್ತು 11-ಪುಟ ಮಾರ್ಗದರ್ಶಿಗೆ ಗಮನ ಕೊಡುವುದು ಸಹ ಯೋಗ್ಯವಾಗಿದೆ. ಆದಾಗ್ಯೂ, ನಿಜವಾದ ಅನಿಸಿಕೆ FSS ನ ತೂಕ, ಕೇವಲ 5Kb.

16. Zozo ಅಕಾರ್ಡಿಯನ್ - ಅಡಾಪ್ಟಿವ್ ಟಚ್ಸ್ಕ್ರೀನ್ ಸ್ಲೈಡರ್

jQuery ಸ್ಲೈಡರ್‌ನ ಮತ್ತೊಂದು ಉದಾಹರಣೆಯು ಶೈಲಿಯನ್ನು ಕೇಂದ್ರೀಕರಿಸುತ್ತದೆ ಮತ್ತು ಉತ್ತಮ ಕೆಲಸವನ್ನು ಮಾಡುತ್ತದೆ. Zozo ಅಕಾರ್ಡಿಯನ್ ಶೈಲಿಗಳನ್ನು ಬದಲಾಯಿಸುವ ಸಾಮರ್ಥ್ಯದೊಂದಿಗೆ ಉತ್ತಮ ಅಕಾರ್ಡಿಯನ್ ಸ್ಲೈಡರ್ ಅನ್ನು ಹುಡುಕುತ್ತಿರುವವರಿಗೆ-ಹೊಂದಿರಬೇಕು.

ಈ CSS3 ಅನಿಮೇಷನ್ ಸೌಂದರ್ಯವು ಸಾಕಷ್ಟು ವ್ಯಾಪಕವಾದ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಹೊಂದಿದೆ:

ಅಡ್ಡ ಮತ್ತು ಲಂಬವಾದ ಅಕಾರ್ಡಿಯನ್

ಲಾಕ್ಷಣಿಕ HTML5 ಮತ್ತು SEO ಆಪ್ಟಿಮೈಸೇಶನ್

ಸ್ಪರ್ಶ, ಕೀಬೋರ್ಡ್ ಮತ್ತು WAI-ARIA ಬೆಂಬಲ

10 ಕ್ಕೂ ಹೆಚ್ಚು ಚರ್ಮಗಳು ಮತ್ತು 6 ಲೇಔಟ್‌ಗಳು

ಮತ್ತು ಹೆಚ್ಚು

Zozo ಅಕಾರ್ಡಿಯನ್ ಉಚಿತ ಬೆಂಬಲವನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ನಿರಂತರ ನವೀಕರಣಗಳು, ಹಾಗೆಯೇ ನೀವು jQuery ಅಕಾರ್ಡಿಯನ್‌ನಲ್ಲಿ ನೋಡಲು ಬಯಸುವ ಎಲ್ಲಾ ವೈಶಿಷ್ಟ್ಯಗಳು.

17. jQuery ರೆಸ್ಪಾನ್ಸಿವ್ OneByOne ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್

jQuery ರೆಸ್ಪಾನ್ಸಿವ್ OneByOne ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್ ಹೆಚ್ಚು ಹಾಗೆ ಸರಳ ಅನಿಮೇಷನ್, ಸ್ಲೈಡರ್‌ನಲ್ಲಿ ಅಲ್ಲ. ಒಂದು ಸಮಯದಲ್ಲಿ ಒಂದು ಸ್ಲೈಡ್ ಅನ್ನು ಪ್ರದರ್ಶಿಸುವ ಬದಲು, ಈ ನಿದರ್ಶನವು ಮುಂದಿನ ಸ್ಲೈಡ್‌ಗೆ ತೆರಳುವ ಮೊದಲು ಪ್ರದೇಶದಲ್ಲಿ ಹೆಚ್ಚಿನ ಸ್ಥಳಾವಕಾಶವಿಲ್ಲದವರೆಗೆ ಒಂದು ಸಮಯದಲ್ಲಿ ಒಂದು ಹೆಜ್ಜೆ ಸ್ಲೈಡ್‌ಗಳೊಂದಿಗೆ ಪರದೆಯನ್ನು ತುಂಬುತ್ತದೆ.

CSS3 ಅನಿಮೇಷನ್ Animate.css ಅಡಿಯಲ್ಲಿ ಚಲಿಸುತ್ತದೆ, ಇದು ಹಗುರವಾಗಿರುತ್ತದೆ, ಹಲವಾರು ಲೇಯರ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ ಮತ್ತು ಮೊಬೈಲ್ ಸ್ನೇಹಿಯಾಗಿದೆ. ಬಹು ವೈಶಿಷ್ಟ್ಯಗಳು:

ಬಳಸಿ ನ್ಯಾವಿಗೇಟ್ ಮಾಡುವ ಆಯ್ಕೆಯೂ ಇದೆ ಎಳೆಯಿರಿ ಮತ್ತು ಬಿಡಿಬಿಡಿ. jQuery ರೆಸ್ಪಾನ್ಸಿವ್ OneByOne ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್ Twitter ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಏರಿಳಿಕೆಯಿಂದ ನಡೆಸಲ್ಪಡುತ್ತದೆ.

18. Accordionza - jQuery ಪ್ಲಗಿನ್

ಇದಕ್ಕಿಂತ ಸುಲಭವಾದ jQuery ಸ್ಲೈಡರ್ ಇಲ್ಲ. ಕಾರ್ಯನಿರ್ವಹಿಸಲು, ನೀವು 3Kb ಸ್ಲೈಡರ್ ಅನ್ನು ಮಾತ್ರ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬೇಕಾಗುತ್ತದೆ, ಇದು ಅಕಾರ್ಡಿಯನ್ಜಾವನ್ನು ಅತ್ಯಂತ ಹಗುರವಾದ ಅಕಾರ್ಡಿಯನ್ ಸ್ಲೈಡರ್ ಮಾಡುತ್ತದೆ.

ನಿಮಗೆ ಮೂರು ಸ್ಟೈಲಿಂಗ್ ಆಯ್ಕೆಗಳು ಇಷ್ಟವಾಗದಿದ್ದರೆ, ನೀವೇ HTML ಮತ್ತು CSS ಅನ್ನು ತಿರುಚಬಹುದು. ಸಾಧ್ಯತೆಗಳು:

ಕೀಬೋರ್ಡ್ ನ್ಯಾವಿಗೇಷನ್

ಪರಿಣಾಮಗಳು ಮತ್ತು ಗುಂಡಿಗಳನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಲು ಸುಲಭ

ಪ್ರಗತಿಶೀಲ ವರ್ಧನೆ ತಂತ್ರ - ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಇಲ್ಲದೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ

ಅಕಾರ್ಡಿಯನ್ಜಾ ಮಿಶ್ರಿತ ವಿಷಯದ ಹಲವು ಮಾರ್ಪಾಡುಗಳನ್ನು ಪ್ರದರ್ಶಿಸಬಹುದು, ಇದು ಅತ್ಯಂತ ಸುಲಭವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ ಎಂಬುದನ್ನು ನೆನಪಿಡಿ.

19. mightySlider - ರೆಸ್ಪಾನ್ಸಿವ್ ಬಹುಪಯೋಗಿ ಸ್ಲೈಡರ್

MightySlider ನಿಜವಾದ ಶಕ್ತಿಯುತ ಸ್ಲೈಡರ್ ಆಗಿದೆ. ಇದನ್ನು ಸರಳ ಇಮೇಜ್ ಸ್ಲೈಡರ್ ಆಗಿ ಮಾತ್ರವಲ್ಲದೆ ಮೆನು ಐಟಂ ನ್ಯಾವಿಗೇಷನ್‌ನೊಂದಿಗೆ ಪೂರ್ಣ-ಪರದೆಯ ಏಕಮುಖ ಸ್ಲೈಡರ್ ಆಗಿಯೂ ಬಳಸಬಹುದು. ಅದರ ಸಹಾಯದಿಂದ ನೀವು ಅದ್ಭುತವಾದ ಒಂದು ಪುಟದ ವೆಬ್‌ಸೈಟ್ ಮಾಡಬಹುದು.

ಹುಡ್ ಅಡಿಯಲ್ಲಿ ನೀವು ಹಲವಾರು ಆಯ್ಕೆಗಳನ್ನು ಕಾಣಬಹುದು:

ಕೀಬೋರ್ಡ್, ಮೌಸ್ ಮತ್ತು ಸ್ಪರ್ಶ ಬೆಂಬಲ

ಹಾರ್ಡ್‌ವೇರ್ ವೇಗವರ್ಧನೆಯೊಂದಿಗೆ CSS3 ಪರಿವರ್ತನೆಗಳು

ಮಾನ್ಯ ಮಾರ್ಕ್ಅಪ್ ಮತ್ತು ಎಸ್ಇಒ ಆಪ್ಟಿಮೈಸೇಶನ್ ಅನ್ನು ಸ್ವಚ್ಛಗೊಳಿಸಿ

ಅನಿಯಮಿತ ಸಂಖ್ಯೆಯ ಸ್ಲೈಡ್‌ಗಳು, ಶೀರ್ಷಿಕೆಗಳಿಗಾಗಿ ಲೇಯರ್‌ಗಳು ಮತ್ತು ಅವುಗಳಿಗೆ ಪರಿಣಾಮಗಳು

API ತುಂಬಾ ಶಕ್ತಿಯುತವಾಗಿದೆ ಮತ್ತು ಡೆವಲಪರ್ ಸ್ನೇಹಿಯಾಗಿದೆ, ಅದು ತೆರೆಯುತ್ತದೆ ವಿವಿಧ ರೀತಿಯಲ್ಲಿಅದರ ಬಳಕೆ. MightySlider ಕ್ಲೀನ್ ಮತ್ತು ಚೆನ್ನಾಗಿ ಕಾಮೆಂಟ್ ಕೋಡ್ ಒಂದು ಅತ್ಯುತ್ತಮ, ಪ್ರಗತಿಶೀಲ jQuery ಸ್ಲೈಡರ್ ಆಗಿದೆ .

20. ಭ್ರಂಶ ಸ್ಲೈಡರ್ - ರೆಸ್ಪಾನ್ಸಿವ್ jQuery ಪ್ಲಗಿನ್

ಭ್ರಂಶ ಸ್ಲೈಡರ್ jQuery ರೆಸ್ಪಾನ್ಸಿವ್ OneByOne ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್‌ನಂತೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಮತ್ತು ಒಂದೇ ಸ್ಲೈಡ್‌ನಲ್ಲಿ ಪ್ರತಿ ಪದರವನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ಅನಿಮೇಟ್ ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಭ್ರಂಶ ಅನಿಮೇಷನ್ ಸೇರಿಸುವ ಮೂಲಕ ನೀವು ಎಲ್ಲಾ ಸ್ಲೈಡ್‌ಗಳನ್ನು ಅಥವಾ ಕೇವಲ ಒಂದನ್ನು ಅನಿಮೇಟ್ ಮಾಡಬಹುದು.

4 ಸ್ಲೈಡರ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ ವಿವಿಧ ರೀತಿಯ, ಎಲ್ಲಾ ಭ್ರಂಶ ಪರಿಣಾಮದೊಂದಿಗೆ. ಇತರ jQuery ಸ್ಲೈಡರ್‌ಗಳಂತೆ, ಇದು ಹೊಂದಿದೆ:

ಸಂಪೂರ್ಣವಾಗಿ ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾಗಿದೆ

ಬೆಂಬಲವನ್ನು ಸ್ಪರ್ಶಿಸಿ

ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ, ಅನಿಯಮಿತ ಪದರಗಳು

ಸ್ವಯಂಪ್ಲೇ, ಲೂಪಿಂಗ್, ಎತ್ತರ ಮತ್ತು ಅಗಲ ಹೊಂದಾಣಿಕೆ ಮತ್ತು ಟೈಮರ್

ಅನಿಮೇಟೆಡ್ ಲೇಯರ್‌ಗಳು ಕೇವಲ ಪಠ್ಯ ಅಥವಾ ಚಿತ್ರಗಳ ಬಗ್ಗೆ ಅಲ್ಲ. ನೀವು YouTube, Vimeo ಮತ್ತು HTML5 ವೀಡಿಯೊಗಳನ್ನು ಕೂಡ ಸೇರಿಸಬಹುದು. ಭ್ರಂಶ ಸ್ಲೈಡರ್ - ಇನ್ನೊಂದು ಉತ್ತಮ ಉದಾಹರಣೆಎಲ್ಲಾ ಸಾಧನಗಳಲ್ಲಿಯೂ ಸಹ ಬೆಂಬಲಿತವಾಗಿರುವ ಫ್ಲ್ಯಾಶ್‌ಗಿಂತಲೂ ಉತ್ತಮವಾಗಿ ನೀವು ಫ್ಲ್ಯಾಶ್ ಪರಿಣಾಮಗಳನ್ನು ಹೇಗೆ ಅನುಕರಿಸಬಹುದು.

ತೀರ್ಮಾನ

jQuery ಸ್ಲೈಡರ್‌ಗಳು ಹೇಗೆ ಬೆಳೆದಿವೆ ಎಂಬುದನ್ನು ನೋಡಲು ಆಸಕ್ತಿದಾಯಕವಾಗಿದೆ, ಅದು ಸರಳವಾಗಿ ಒಂದು ಚಿತ್ರವನ್ನು ಇನ್ನೊಂದರ ಜೊತೆಗೆ ಸೃಜನಶೀಲ ಪರಿಕರಗಳ ಬೃಹತ್ ಸೆಟ್‌ಗೆ ಬದಲಾಯಿಸುತ್ತದೆ. ಈಗ 3D, ಭ್ರಂಶ ಸ್ಲೈಡರ್‌ಗಳು, ಪೂರ್ಣ-ಪುಟ ಸ್ಲೈಡರ್‌ಗಳು, ಹೊಂದಾಣಿಕೆಯ ಸ್ಲೈಡರ್‌ಗಳು ಮತ್ತು ಡೆಸ್ಕ್‌ಟಾಪ್ ಕಂಪ್ಯೂಟರ್‌ಗಳು ಮತ್ತು ಸ್ಮಾರ್ಟ್‌ಫೋನ್‌ಗಳಲ್ಲಿ ವೀಕ್ಷಿಸಬಹುದಾದಂತಹವುಗಳಿವೆ.

ಈ ಪಟ್ಟಿಯಲ್ಲಿರುವ ಯಾವುದೇ ಸ್ಲೈಡರ್‌ಗಳನ್ನು ನೀವು ಇಷ್ಟಪಡದಿದ್ದರೆ, ನೀವು ಯಾವಾಗಲೂ Envato ನಲ್ಲಿ jQuery ಕೋಡ್ ಟ್ಯುಟೋರಿಯಲ್ ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳಬಹುದು ಮತ್ತು ಸಂಪೂರ್ಣವಾಗಿ ಹೊಸ ಮತ್ತು ಅನನ್ಯವಾದದನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಬಹುದು.

ಅಥವಾ Envato ಮಾರುಕಟ್ಟೆಯಲ್ಲಿ ಇತರ ಸ್ಲೈಡರ್‌ಗಳನ್ನು ಪರಿಶೀಲಿಸಿ - ಆಯ್ಕೆ ಮಾಡಲು ಸಾಕಷ್ಟು ಇವೆ. ನಿಮ್ಮ ಮೆಚ್ಚಿನ jQuery ಸ್ಲೈಡರ್ ಯಾವುದು ಮತ್ತು ಏಕೆ?

ನಿಮ್ಮ ಸೈಟ್‌ಗೆ ನೀವು ಉತ್ತಮ ಗುಣಮಟ್ಟದ jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್ ಅನ್ನು ಸೇರಿಸಬೇಕಾದರೆ, ಈ ಲೇಖನದಲ್ಲಿ ನೀವು ಅಗತ್ಯವಾದ ಪ್ಲಗಿನ್‌ಗಳ ವಿವರಣೆಯನ್ನು ಕಾಣಬಹುದು. JQuery ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದನ್ನು ಹೆಚ್ಚು ಸುಲಭಗೊಳಿಸಿದ್ದರೂ ಸಹ, ವೆಬ್ ವಿನ್ಯಾಸ ಪ್ರಕ್ರಿಯೆಯನ್ನು ವೇಗಗೊಳಿಸಲು ನಮಗೆ ಇನ್ನೂ ಪ್ಲಗಿನ್‌ಗಳ ಅಗತ್ಯವಿದೆ.

ನಾವು ಈ ಪ್ಲಗಿನ್‌ಗಳಲ್ಲಿ ಕೆಲವು ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡಬಹುದು ಮತ್ತು ನಮ್ಮ ಸೈಟ್‌ನ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಹೆಚ್ಚು ಸೂಕ್ತವಾದ ಹೊಸ ಸ್ಲೈಡರ್‌ಗಳನ್ನು ರಚಿಸಬಹುದು.

ಇತರ ಸ್ಲೈಡರ್‌ಗಳಿಗಾಗಿ, ನೀವು ಶೀರ್ಷಿಕೆಗಳು, ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಿ ಮತ್ತು ಸ್ಲೈಡರ್‌ನೊಂದಿಗೆ ಬರುವ ಸ್ಲೈಡ್ ಪರಿವರ್ತನೆ ಪರಿಣಾಮಗಳನ್ನು ಆಯ್ಕೆಮಾಡಿ. ಈ ಎಲ್ಲಾ ಪ್ಲಗಿನ್‌ಗಳು ವಿವರವಾದ ದಾಖಲಾತಿಗಳೊಂದಿಗೆ ಇರುತ್ತವೆ, ಆದ್ದರಿಂದ ಅವುಗಳಿಗೆ ಹೊಸ ಪರಿಣಾಮಗಳು ಅಥವಾ ಕಾರ್ಯಗಳನ್ನು ಸೇರಿಸುವುದು ಕಷ್ಟವಾಗುವುದಿಲ್ಲ. ನೀವು ಅನುಭವಿ JQuery ಪ್ರೋಗ್ರಾಮರ್ ಆಗಿದ್ದರೆ ನೀವು ಈವೆಂಟ್ ಆಧಾರಿತ ಟ್ರಿಗ್ಗರ್‌ಗಳನ್ನು ಸಹ ಬದಲಾಯಿಸಬಹುದು.

ಉದಾಹರಣೆಗೆ ಇತ್ತೀಚಿನ ಪ್ರವೃತ್ತಿಗಳು ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ, ನೀವು ಪ್ಲಗಿನ್ ಅಥವಾ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತಿರಲಿ, ವೆಬ್ ಯೋಜನೆಗಳಿಗೆ ಬಹಳ ಮುಖ್ಯ. ಈ ಎಲ್ಲಾ ಅಂಶಗಳು ಈ ಪ್ರತಿಯೊಂದು ಪ್ಲಗ್‌ಇನ್‌ಗಳನ್ನು ಬಹಳ ಸುಲಭವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುತ್ತವೆ. 2014 ರಲ್ಲಿ ಹೊರಬಂದ ಎಲ್ಲವನ್ನೂ ಈ ಪಟ್ಟಿಯಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆ.

jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್‌ಗಳು

Jssor ರೆಸ್ಪಾನ್ಸಿವ್ ಸ್ಲೈಡರ್

ನಾನು ಇತ್ತೀಚೆಗೆ ಈ ಶಕ್ತಿಯುತ jQuery ಸ್ಲೈಡರ್ ಅನ್ನು ನೋಡಿದೆ ಮತ್ತು ಅದು ತನ್ನ ಕೆಲಸವನ್ನು ಚೆನ್ನಾಗಿ ಮಾಡುತ್ತದೆ ಎಂದು ಮೊದಲು ನೋಡಲು ಸಾಧ್ಯವಾಯಿತು. ಇದು ಸ್ಲೈಡರ್‌ನ ಓಪನ್ ಸೋರ್ಸ್ ಕೋಡ್ ಮೂಲಕ ವಿಸ್ತರಿಸಬಹುದಾದ ಅಪಾರ ಸಾಧ್ಯತೆಗಳನ್ನು ಒಳಗೊಂಡಿದೆ:

• ಅಡಾಪ್ಟಿವ್ ವಿನ್ಯಾಸ;
• 15 ಕ್ಕೂ ಹೆಚ್ಚು ಗ್ರಾಹಕೀಕರಣ ಆಯ್ಕೆಗಳು;
• 15 ಕ್ಕೂ ಹೆಚ್ಚು ಚಿತ್ರ ಬದಲಾಯಿಸುವ ಪರಿಣಾಮಗಳು;
• ಚಿತ್ರ ಗ್ಯಾಲರಿ, ಏರಿಳಿಕೆ, ಪೂರ್ಣ ಪರದೆ ಗಾತ್ರದ ಬೆಂಬಲ;
• ಲಂಬ ಬ್ಯಾನರ್ ಆವರ್ತಕ, ಸ್ಲೈಡ್‌ಗಳ ಪಟ್ಟಿ;
• ವೀಡಿಯೊ ಬೆಂಬಲ.

ಡೆಮೊ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

PgwSlider - JQuery / Zepto ಆಧರಿಸಿ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಸ್ಲೈಡರ್

ಈ ಪ್ಲಗಿನ್‌ನ ಏಕೈಕ ಕಾರ್ಯವೆಂದರೆ ಚಿತ್ರಗಳ ಸ್ಲೈಡ್‌ಗಳನ್ನು ತೋರಿಸುವುದು. ಇದು ತುಂಬಾ ಸಾಂದ್ರವಾಗಿರುತ್ತದೆ, ಏಕೆಂದರೆ JQuery ಫೈಲ್‌ಗಳು ಕೇವಲ 2.5 KB ಗಾತ್ರದಲ್ಲಿರುತ್ತವೆ, ಇದು ನಿಜವಾಗಿಯೂ ತ್ವರಿತವಾಗಿ ಲೋಡ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ:

• ಅಡಾಪ್ಟಿವ್ ಲೇಔಟ್;
• SEO ಆಪ್ಟಿಮೈಸೇಶನ್;
• ವಿವಿಧ ಬ್ರೌಸರ್‌ಗಳಿಗೆ ಬೆಂಬಲ;
• ಸರಳ ಚಿತ್ರ ಪರಿವರ್ತನೆಗಳು;
• ಆರ್ಕೈವ್ ಗಾತ್ರವು ಕೇವಲ 2.5 KB ಆಗಿದೆ.

ಡೆಮೊ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

Jquery ಲಂಬ ಸುದ್ದಿ ಸ್ಲೈಡರ್

ಎಡಭಾಗದಲ್ಲಿ ಪ್ರಕಟಣೆಗಳ ಪಟ್ಟಿ ಮತ್ತು ಬಲಭಾಗದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾದ ಚಿತ್ರದೊಂದಿಗೆ ಸುದ್ದಿ ಸಂಪನ್ಮೂಲಗಳಿಗಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಹೊಂದಿಕೊಳ್ಳುವ ಮತ್ತು ಉಪಯುಕ್ತವಾದ JQuery ಸ್ಲೈಡರ್:

• ಅಡಾಪ್ಟಿವ್ ವಿನ್ಯಾಸ;
• ಸುದ್ದಿ ಬದಲಾಯಿಸಲು ಲಂಬ ಕಾಲಮ್;
• ವಿಸ್ತರಿಸಿದ ಹೆಡರ್‌ಗಳು.

ಡೆಮೊ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ವಾಲ್ಲೋಪ್ ಸ್ಲೈಡರ್

ಈ ಸ್ಲೈಡರ್ jQuery ಅನ್ನು ಹೊಂದಿಲ್ಲ, ಆದರೆ ನಾನು ಅದನ್ನು ಪ್ರಸ್ತುತಪಡಿಸಲು ಬಯಸುತ್ತೇನೆ ಏಕೆಂದರೆ ಇದು ತುಂಬಾ ಸಾಂದ್ರವಾಗಿರುತ್ತದೆ ಮತ್ತು ಪುಟ ಲೋಡಿಂಗ್ ಸಮಯವನ್ನು ಗಮನಾರ್ಹವಾಗಿ ಕಡಿಮೆ ಮಾಡುತ್ತದೆ. ನೀವು ಇಷ್ಟಪಟ್ಟರೆ ನನಗೆ ತಿಳಿಸಿ:

• ಅಡಾಪ್ಟಿವ್ ಲೇಔಟ್;
• ಸರಳ ವಿನ್ಯಾಸ;
• ವಿವಿಧ ಸ್ಲೈಡ್ ಬದಲಾಯಿಸುವ ಆಯ್ಕೆಗಳು;
• ಕನಿಷ್ಠ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್;
• ಗಾತ್ರವು ಕೇವಲ 3KB ಆಗಿದೆ.

ಡೆಮೊ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಫ್ಲಾಟ್ ಶೈಲಿಯ ಪೋಲರಾಯ್ಡ್ ಗ್ಯಾಲರಿ

ಫ್ಲೆಕ್ಸಿಬಲ್ ಲೇಔಟ್ ಮತ್ತು ಸುಂದರವಾದ ವಿನ್ಯಾಸದೊಂದಿಗೆ ಡಾಕ್ಯುಮೆಂಟ್-ಚೆದುರಿದ-ಮೇಜಿನ ಶೈಲಿಯ ಗ್ಯಾಲರಿಯು ನಿಮ್ಮಲ್ಲಿ ಅನೇಕರಿಗೆ ಆಸಕ್ತಿಯನ್ನುಂಟುಮಾಡುತ್ತದೆ. ಟ್ಯಾಬ್ಲೆಟ್‌ಗಳು ಮತ್ತು ದೊಡ್ಡ ಪ್ರದರ್ಶನಗಳಿಗೆ ಹೆಚ್ಚು ಸೂಕ್ತವಾಗಿದೆ:

• ಅಡಾಪ್ಟಿವ್ ಸ್ಲೈಡರ್;
• ಫ್ಲಾಟ್ ವಿನ್ಯಾಸ;
• ಯಾದೃಚ್ಛಿಕ ಸ್ಲೈಡ್ ಬದಲಾವಣೆ;
• ಮೂಲ ಕೋಡ್‌ಗೆ ಪೂರ್ಣ ಪ್ರವೇಶ.

ಡೆಮೊ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಎ-ಸ್ಲೈಡರ್

ಡೆಮೊ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

HiSlider - HTML5, jQuery ಮತ್ತು ವರ್ಡ್ಪ್ರೆಸ್ ಇಮೇಜ್ ಸ್ಲೈಡರ್

HiSlider ಹೊಸ ಉಚಿತ jQuery ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್ ಅನ್ನು ಪರಿಚಯಿಸಿದೆ, ಇದರೊಂದಿಗೆ ನೀವು ಅದ್ಭುತವಾದ ಪರಿವರ್ತನೆಗಳೊಂದಿಗೆ ವಿವಿಧ ಇಮೇಜ್ ಗ್ಯಾಲರಿಗಳನ್ನು ರಚಿಸಬಹುದು:

• ಅಡಾಪ್ಟಿವ್ ಸ್ಲೈಡರ್;
• ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಜ್ಞಾನದ ಅಗತ್ಯವಿಲ್ಲ;
• ಹಲವಾರು ಅದ್ಭುತ ಟೆಂಪ್ಲೇಟ್‌ಗಳು ಮತ್ತು ಚರ್ಮಗಳು;
• ಸುಂದರವಾದ ಪರಿವರ್ತನೆಯ ಪರಿಣಾಮಗಳು;
• ವಿವಿಧ ವೇದಿಕೆಗಳಿಗೆ ಬೆಂಬಲ;
• ವರ್ಡ್ಪ್ರೆಸ್, Joomla, Drupal ನೊಂದಿಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ;
• ವಿವಿಧ ರೀತಿಯ ವಿಷಯವನ್ನು ಪ್ರದರ್ಶಿಸುವ ಸಾಮರ್ಥ್ಯ: ಚಿತ್ರಗಳು, YouTube ವೀಡಿಯೊಮತ್ತು ವಿಮಿಯೋ ವೀಡಿಯೊಗಳು;
• ಹೊಂದಿಕೊಳ್ಳುವ ಸೆಟಪ್;
• ಉಪಯುಕ್ತ ಹೆಚ್ಚುವರಿ ವೈಶಿಷ್ಟ್ಯಗಳು;
• ಅನಿಯಮಿತ ಪ್ರಮಾಣದ ವಿಷಯವನ್ನು ಪ್ರದರ್ಶಿಸಲಾಗಿದೆ.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

ವಾವ್ ಸ್ಲೈಡರ್

ವಾಹ್ ಸ್ಲೈಡರ್ ಆಗಿದೆ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ jQuery ಸ್ಲೈಡರ್ಅದ್ಭುತ ದೃಶ್ಯ ಪರಿಣಾಮಗಳೊಂದಿಗೆ ಚಿತ್ರಗಳು ( ಡೊಮಿನೊ, ತಿರುಗಿಸು, ಮಸುಕು, ಫ್ಲಿಪ್ ಮತ್ತು ಫ್ಲ್ಯಾಷ್, ಫ್ಲೈ ಔಟ್, ಬ್ಲೈಂಡ್ಸ್) ಮತ್ತು ವೃತ್ತಿಪರ ಟೆಂಪ್ಲೇಟ್‌ಗಳು.

WOW ಸ್ಲೈಡರ್ ಅನುಸ್ಥಾಪನಾ ಮಾಂತ್ರಿಕದೊಂದಿಗೆ ಬರುತ್ತದೆ ಅದು ಕೋಡ್ ಅನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳದೆ ಅಥವಾ ಚಿತ್ರಗಳನ್ನು ಸಂಪಾದಿಸದೆ ಸೆಕೆಂಡುಗಳಲ್ಲಿ ಅದ್ಭುತ ಸ್ಲೈಡರ್‌ಗಳನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. Joomla ಮತ್ತು WordPress ಗಾಗಿ ಪ್ಲಗಿನ್‌ನ ಆವೃತ್ತಿಗಳು ಡೌನ್‌ಲೋಡ್ ಮಾಡಲು ಸಹ ಲಭ್ಯವಿದೆ:

• ಸಂಪೂರ್ಣವಾಗಿ ಸ್ಪಂದಿಸುವ;
• ಎಲ್ಲಾ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಎಲ್ಲಾ ರೀತಿಯ ಸಾಧನಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ;
• ಸ್ಪರ್ಶ ಸಾಧನಗಳಿಗೆ ಬೆಂಬಲ;
• ವರ್ಡ್ಪ್ರೆಸ್ನಲ್ಲಿ ಸುಲಭ ಅನುಸ್ಥಾಪನ;
• ಸಂರಚನೆಯಲ್ಲಿ ನಮ್ಯತೆ;
• ಎಸ್ಇಒ ಆಪ್ಟಿಮೈಸ್ಡ್.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

Nivo ಸ್ಲೈಡರ್ - ಉಚಿತ jQuery ಪ್ಲಗಿನ್

Nivo ಸ್ಲೈಡರ್ ಅನ್ನು ಪ್ರಪಂಚದಾದ್ಯಂತ ಅತ್ಯಂತ ಸುಂದರವಾದ ಮತ್ತು ಬಳಸಲು ಸುಲಭವಾದ ಇಮೇಜ್ ಸ್ಲೈಡರ್ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. Nivo ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್ ಉಚಿತ ಮತ್ತು MIT ಪರವಾನಗಿ ಅಡಿಯಲ್ಲಿ ಬಿಡುಗಡೆಯಾಗಿದೆ:

• JQuery 1.7 ಮತ್ತು ಹೆಚ್ಚಿನ ಅಗತ್ಯವಿದೆ;
• ಸುಂದರವಾದ ಪರಿವರ್ತನೆಯ ಪರಿಣಾಮಗಳು;
• ಸಂರಚಿಸಲು ಸರಳ ಮತ್ತು ಹೊಂದಿಕೊಳ್ಳುವ;
• ಕಾಂಪ್ಯಾಕ್ಟ್ ಮತ್ತು ಹೊಂದಾಣಿಕೆ;
• ಮುಕ್ತ ಸಂಪನ್ಮೂಲ;
• ಶಕ್ತಿಯುತ ಮತ್ತು ಸರಳ;
• ಹಲವಾರು ವಿಭಿನ್ನ ಟೆಂಪ್ಲೇಟ್‌ಗಳು;
• ಸ್ವಯಂಚಾಲಿತ ಚಿತ್ರ ಕ್ರಾಪಿಂಗ್.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

ತಾಂತ್ರಿಕ ದಸ್ತಾವೇಜನ್ನು ಸರಳ jQuery ಸ್ಲೈಡರ್

ಈ ಕಲ್ಪನೆಯು Apple ನ ಸ್ಲೈಡರ್‌ಗಳಿಂದ ಪ್ರೇರಿತವಾಗಿದೆ, ಇದರಲ್ಲಿ ಹಲವಾರು ಸಣ್ಣ ಅಂಶಗಳು ವಿಭಿನ್ನ ಅನಿಮೇಷನ್ ಪರಿಣಾಮಗಳೊಂದಿಗೆ ಹಾರಬಲ್ಲವು. ಅಭಿವರ್ಧಕರು ಈ ಪರಿಕಲ್ಪನೆಯನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಪ್ರಯತ್ನಿಸಿದರು, ಸರಳವಾದ ಆನ್‌ಲೈನ್ ಸ್ಟೋರ್ ವಿನ್ಯಾಸವನ್ನು ರಚಿಸಲು ಕನಿಷ್ಠ ಅವಶ್ಯಕತೆಗಳನ್ನು ಗಣನೆಗೆ ತೆಗೆದುಕೊಂಡು, ಇದರಲ್ಲಿ "ಹಾರುವ" ಅಂಶಗಳು ವಿಭಿನ್ನ ವರ್ಗಗಳನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತವೆ:

• ಅಡಾಪ್ಟಿವ್ ಲೇಔಟ್;
• ಕನಿಷ್ಠ ವಿನ್ಯಾಸ;
• ವಿವಿಧ ಡ್ರಾಪ್-ಔಟ್ ಮತ್ತು ಸ್ಲೈಡ್ ಬದಲಾಯಿಸುವ ಪರಿಣಾಮಗಳು.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

ಪೂರ್ಣ ಗಾತ್ರದ jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್

ಪುಟದ ಅಗಲದ 100% ಅನ್ನು ಆಕ್ರಮಿಸುವ ಮತ್ತು ಮೊಬೈಲ್ ಸಾಧನಗಳ ಪರದೆಯ ಗಾತ್ರಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವ ಅತ್ಯಂತ ಸರಳವಾದ ಸ್ಲೈಡರ್. ಇದು CSS ಪರಿವರ್ತನೆಗಳೊಂದಿಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಮತ್ತು ಆಂಕರ್‌ಗಳ ಜೊತೆಗೆ ಚಿತ್ರಗಳನ್ನು "ಸ್ಟ್ಯಾಕ್" ಮಾಡಲಾಗುತ್ತದೆ. ನೀವು ಚಿತ್ರಕ್ಕೆ ಲಿಂಕ್ ಅನ್ನು ಲಗತ್ತಿಸಲು ಬಯಸದಿದ್ದರೆ ಆಂಕರ್ ಅನ್ನು ಬದಲಾಯಿಸಬಹುದು ಅಥವಾ ತೆಗೆದುಹಾಕಬಹುದು.

ಸ್ಥಾಪಿಸಿದಾಗ, ಸ್ಲೈಡರ್ ಪರದೆಯ ಅಗಲದ 100% ಗೆ ವಿಸ್ತರಿಸುತ್ತದೆ. ಇದು ಸ್ಲೈಡ್ ಚಿತ್ರಗಳ ಗಾತ್ರವನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಕಡಿಮೆ ಮಾಡಬಹುದು:

• ಅಡಾಪ್ಟಿವ್ jQuery ಸ್ಲೈಡರ್;
• ಪೂರ್ಣ ಗಾತ್ರ;
• ಕನಿಷ್ಠ ವಿನ್ಯಾಸ.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

ಸ್ಥಿತಿಸ್ಥಾಪಕ ವಿಷಯ ಸ್ಲೈಡರ್ + ಟ್ಯುಟೋರಿಯಲ್

ಎಲಾಸ್ಟಿಕ್ ಕಂಟೆಂಟ್ ಸ್ಲೈಡರ್ ಪೋಷಕ ಅಂಶದ ಆಯಾಮಗಳ ಆಧಾರದ ಮೇಲೆ ಅಗಲ ಮತ್ತು ಎತ್ತರವನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸರಿಹೊಂದಿಸುತ್ತದೆ. ಇದು ಸರಳ jQuery ಸ್ಲೈಡರ್ ಆಗಿದೆ. ಇದು ಮೇಲ್ಭಾಗದಲ್ಲಿ ಸ್ಲೈಡ್ ಪ್ರದೇಶವನ್ನು ಮತ್ತು ಕೆಳಭಾಗದಲ್ಲಿ ನ್ಯಾವಿಗೇಷನ್ ಟ್ಯಾಬ್ ಬಾರ್ ಅನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ಪೋಷಕ ಧಾರಕದ ಆಯಾಮಗಳಿಗೆ ಅನುಗುಣವಾಗಿ ಸ್ಲೈಡರ್ ಅದರ ಅಗಲ ಮತ್ತು ಎತ್ತರವನ್ನು ಸರಿಹೊಂದಿಸುತ್ತದೆ.

ಸಣ್ಣ ಕರ್ಣೀಯ ಪರದೆಗಳಲ್ಲಿ ವೀಕ್ಷಿಸಿದಾಗ, ನ್ಯಾವಿಗೇಷನ್ ಟ್ಯಾಬ್ಗಳು ಸಣ್ಣ ಐಕಾನ್ಗಳಾಗಿ ಬದಲಾಗುತ್ತವೆ:

• ಅಡಾಪ್ಟಿವ್ ವಿನ್ಯಾಸ;
• ಮೌಸ್ ಕ್ಲಿಕ್ ಸ್ಕ್ರೋಲಿಂಗ್.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

ಉಚಿತ 3D ಸ್ಟಾಕ್ ಸ್ಲೈಡರ್

3D ಯಲ್ಲಿ ಚಿತ್ರಗಳ ಮೂಲಕ ಸ್ಕ್ರಾಲ್ ಮಾಡುವ ಪ್ರಾಯೋಗಿಕ ಸ್ಲೈಡರ್. ಎರಡು ರಾಶಿಗಳು ಕಾಗದದ ಸ್ಟ್ಯಾಕ್‌ಗಳನ್ನು ಹೋಲುತ್ತವೆ, ಇವುಗಳಿಂದ ಸ್ಕ್ರಾಲ್ ಮಾಡಿದಾಗ, ಸ್ಲೈಡರ್‌ನ ಮಧ್ಯದಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ:

• ಅಡಾಪ್ಟಿವ್ ವಿನ್ಯಾಸ;
• ಫ್ಲಿಪ್ - ಪರಿವರ್ತನೆ;
• 3D ಪರಿಣಾಮಗಳು.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

JQuery ಮತ್ತು CSS3 + ಟ್ಯುಟೋರಿಯಲ್ ಆಧರಿಸಿ ಪೂರ್ಣಪರದೆ ಸ್ಲಿಟ್ ಸ್ಲೈಡರ್

ಟ್ವಿಸ್ಟ್ನೊಂದಿಗೆ ಸ್ಲೈಡರ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ಈ ಟ್ಯುಟೋರಿಯಲ್ ನಿಮಗೆ ತೋರಿಸುತ್ತದೆ: ಮುಂದಿನ ಅಥವಾ ಹಿಂದಿನ ಚಿತ್ರವನ್ನು ನೀವು ತೆರೆದಾಗ ಪ್ರಸ್ತುತ ಸ್ಲೈಡ್ ಅನ್ನು "ಕಟ್" ಮಾಡುವುದು ಮತ್ತು ಪ್ರದರ್ಶಿಸುವುದು ಕಲ್ಪನೆ. JQuery ಮತ್ತು CSS ಅನಿಮೇಷನ್ ಬಳಸಿ, ನಾವು ಅನನ್ಯ ಪರಿವರ್ತನೆ ಪರಿಣಾಮಗಳನ್ನು ರಚಿಸಬಹುದು:

• ಅಡಾಪ್ಟಿವ್ ವಿನ್ಯಾಸ;
• ವಿಭಜನೆ ಪರಿವರ್ತನೆ;
• ಪೂರ್ಣ ಪರದೆಯ ಸ್ಲೈಡರ್.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

Unislider - ಬಹಳ ಚಿಕ್ಕ jQuery ಸ್ಲೈಡರ್

ಯಾವುದೇ ಅನಗತ್ಯ ಬೆಲ್‌ಗಳು ಮತ್ತು ಸೀಟಿಗಳಿಲ್ಲ, 3KB ಗಿಂತ ಕಡಿಮೆ ಗಾತ್ರ. ನಿಮ್ಮ ಸ್ಲೈಡ್‌ಗಳಿಗಾಗಿ ಯಾವುದೇ HTML ಕೋಡ್ ಬಳಸಿ, ಅದನ್ನು ವಿಸ್ತರಿಸಿ CSS ಬಳಸಿ. Unslider ಗೆ ಸಂಬಂಧಿಸಿದ ಎಲ್ಲವನ್ನೂ GitHub ನಲ್ಲಿ ಹೋಸ್ಟ್ ಮಾಡಲಾಗಿದೆ:

• ವಿವಿಧ ಬ್ರೌಸರ್‌ಗಳಿಗೆ ಬೆಂಬಲ;
• ಕೀಬೋರ್ಡ್ ಬೆಂಬಲ;
• ಎತ್ತರ ಹೊಂದಾಣಿಕೆ;
• ಅಡಾಪ್ಟಿವ್ ವಿನ್ಯಾಸ;
• ಇನ್‌ಪುಟ್ ಬೆಂಬಲವನ್ನು ಸ್ಪರ್ಶಿಸಿ.

ಡೆಮೊ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಕನಿಷ್ಠ ರೆಸ್ಪಾನ್ಸಿವ್ ಸ್ಲೈಡ್‌ಗಳು

ಸರಳ ಮತ್ತು ಕಾಂಪ್ಯಾಕ್ಟ್ ಪ್ಲಗಿನ್ ( ಗಾತ್ರ ಕೇವಲ 1 ಕೆಬಿ), ಇದು ಕಂಟೇನರ್‌ನೊಳಗಿನ ಅಂಶಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಸ್ಪಂದಿಸುವ ಸ್ಲೈಡರ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ. ResponsiveSLides.js ವ್ಯಾಪಕ ಶ್ರೇಣಿಯ ಬ್ರೌಸರ್‌ಗಳೊಂದಿಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ, IE6 ಮತ್ತು ಮೇಲಿನ ಎಲ್ಲಾ IE ಆವೃತ್ತಿಗಳು ಸೇರಿದಂತೆ:

• ಸಂಪೂರ್ಣವಾಗಿ ಸ್ಪಂದಿಸುವ;
• ಗಾತ್ರ 1 ಕೆಬಿ;
• ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ಚಲಾಯಿಸುವ ಸಾಮರ್ಥ್ಯದೊಂದಿಗೆ CSS3 ಪರಿವರ್ತನೆಗಳು;
• ಬುಲೆಟ್ ಪಟ್ಟಿಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಸರಳ ಮಾರ್ಕ್ಅಪ್;
• ಒಂದು ಸ್ಲೈಡ್‌ನ ಪರಿವರ್ತನೆಯ ಪರಿಣಾಮಗಳು ಮತ್ತು ವೀಕ್ಷಣೆಯ ಅವಧಿಯನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡುವ ಸಾಮರ್ಥ್ಯ;
• ಬಹು ಸ್ಲೈಡ್ ಶೋಗಳನ್ನು ರಚಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ;
• ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಹಸ್ತಚಾಲಿತ ಸ್ಕ್ರೋಲಿಂಗ್.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

ಕ್ಯಾಮೆರಾ - ಉಚಿತ jQuery ಸ್ಲೈಡರ್

ಕ್ಯಾಮರಾ ಅನೇಕ ಪರಿವರ್ತನೆಯ ಪರಿಣಾಮಗಳು ಮತ್ತು ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸದೊಂದಿಗೆ ಪ್ಲಗಿನ್ ಆಗಿದೆ. ಹೊಂದಿಸಲು ಸುಲಭ, ಮೊಬೈಲ್ ಸಾಧನಗಳಿಂದ ಬೆಂಬಲಿತವಾಗಿದೆ:

• ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವಿನ್ಯಾಸ;
• ಸಹಿಗಳು;
• ವೀಡಿಯೊಗಳನ್ನು ಸೇರಿಸುವ ಸಾಮರ್ಥ್ಯ;
• 33 ವಿವಿಧ ಬಣ್ಣದ ಐಕಾನ್‌ಗಳು.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

SlidesJS, ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ jQuery ಪ್ಲಗಿನ್

SlidesJS ಟಚ್ ಸಾಧನಗಳು ಮತ್ತು CSS3 ಪರಿವರ್ತನೆಗಳಿಗೆ ಬೆಂಬಲದೊಂದಿಗೆ JQuery (1.7.1 ಮತ್ತು ಮೇಲಿನ) ಗಾಗಿ ಸ್ಪಂದಿಸುವ ಪ್ಲಗಿನ್ ಆಗಿದೆ. ಅದರೊಂದಿಗೆ ಪ್ರಯೋಗಿಸಿ, ನಿಮ್ಮ ಯೋಜನೆಗೆ SlidesJS ಅನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು ಎಂಬುದನ್ನು ಕಂಡುಹಿಡಿಯಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುವ ಕೆಲವು ಸಿದ್ಧ ಉದಾಹರಣೆಗಳನ್ನು ಪ್ರಯತ್ನಿಸಿ:

• ಅಡಾಪ್ಟಿವ್ ವಿನ್ಯಾಸ;
• CSS3 ಪರಿವರ್ತನೆಗಳು;
• ಸ್ಪರ್ಶ ಸಾಧನಗಳಿಗೆ ಬೆಂಬಲ;
• ಹೊಂದಿಸಲು ಸುಲಭ.

ಡೆಮೊ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

BX jquery ಸ್ಲೈಡರ್

ಇದು ಉಚಿತ ರೆಸ್ಪಾನ್ಸಿವ್ jQuery ಸ್ಲೈಡರ್ ಆಗಿದೆ:

• ಸಂಪೂರ್ಣವಾಗಿ ಸ್ಪಂದಿಸುವ - ಯಾವುದೇ ಸಾಧನಕ್ಕೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ;
• ಅಡ್ಡ, ಲಂಬ ಸ್ಲೈಡ್ ಬದಲಾವಣೆ;
• ಸ್ಲೈಡ್‌ಗಳು ಚಿತ್ರಗಳು, ವೀಡಿಯೊಗಳು ಅಥವಾ HTML ವಿಷಯವನ್ನು ಒಳಗೊಂಡಿರಬಹುದು;
• ಸ್ಪರ್ಶ ಸಾಧನಗಳಿಗೆ ವಿಸ್ತೃತ ಬೆಂಬಲ;
• ಸ್ಲೈಡ್ ಅನಿಮೇಶನ್‌ಗಾಗಿ CSS ಪರಿವರ್ತನೆಗಳನ್ನು ಬಳಸುವುದು ( ಯಂತ್ರಾಂಶ ವೇಗವರ್ಧನೆ);
• API ಕಾಲ್‌ಬ್ಯಾಕ್‌ಗಳು ಮತ್ತು ಸಂಪೂರ್ಣವಾಗಿ ಸಾರ್ವಜನಿಕ ವಿಧಾನಗಳು;
• ಸಣ್ಣ ಫೈಲ್ ಗಾತ್ರ;
• ಕಾರ್ಯಗತಗೊಳಿಸಲು ಸುಲಭ.

ಡೆಮೊ |ಡೌನ್‌ಲೋಡ್

ಫ್ಲೆಕ್ಸ್‌ಸ್ಲೈಡರ್ 2

ಅತ್ಯುತ್ತಮ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಸ್ಲೈಡರ್. ಹೊಸ ಆವೃತ್ತಿವೇಗ ಮತ್ತು ಸಾಂದ್ರತೆಯನ್ನು ಹೆಚ್ಚಿಸಲು ಮಾರ್ಪಡಿಸಲಾಗಿದೆ.

ಡೆಮೊ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಗ್ಯಾಲರಿಯಾ - ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಧಾರಿತ ರೆಸ್ಪಾನ್ಸಿವ್ ಫೋಟೋ ಗ್ಯಾಲರಿ

ಉತ್ತಮ ಗುಣಮಟ್ಟದ ಚಿತ್ರ ಗ್ಯಾಲರಿಗಳನ್ನು ರಚಿಸಲು ಲಕ್ಷಾಂತರ ಸೈಟ್‌ಗಳಲ್ಲಿ ಗ್ಯಾಲರಿಯಾವನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಅವರ ಕೆಲಸದ ಬಗ್ಗೆ ಸಕಾರಾತ್ಮಕ ವಿಮರ್ಶೆಗಳ ಸಂಖ್ಯೆಯು ಚಾರ್ಟ್‌ಗಳಿಂದ ಹೊರಗಿದೆ:

• ಸಂಪೂರ್ಣವಾಗಿ ಉಚಿತ;
• ಪೂರ್ಣ ಪರದೆಯ ವೀಕ್ಷಣೆ ಮೋಡ್;
• 100% ಹೊಂದಾಣಿಕೆ;
• ಯಾವುದೇ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಅನುಭವದ ಅಗತ್ಯವಿಲ್ಲ;
• ಐಫೋನ್, ಐಪ್ಯಾಡ್ ಮತ್ತು ಇತರ ಸ್ಪರ್ಶ ಸಾಧನಗಳಿಗೆ ಬೆಂಬಲ;
• Flickr, Vimeo, YouTube ಮತ್ತು ಇನ್ನಷ್ಟು;
• ಹಲವಾರು ವಿಷಯಗಳು.

ಡೆಮೊ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಬ್ಲೂಬೆರ್ರಿ - ಸರಳ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್

ರೆಸ್ಪಾನ್ಸಿವ್ ವೆಬ್ ವಿನ್ಯಾಸಕ್ಕಾಗಿ ನಿರ್ದಿಷ್ಟವಾಗಿ ಬರೆದ jQuery ಇಮೇಜ್ ಸ್ಲೈಡರ್ ಅನ್ನು ನಾನು ನಿಮಗೆ ಪ್ರಸ್ತುತಪಡಿಸುತ್ತೇನೆ. ಬ್ಲೂಬೆರ್ರಿ ಎಂಬುದು ಪ್ರಾಯೋಗಿಕ ತೆರೆದ ಮೂಲ ಇಮೇಜ್ ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್ ಆಗಿದ್ದು, ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಟೆಂಪ್ಲೇಟ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ನಿರ್ದಿಷ್ಟವಾಗಿ ಬರೆಯಲಾಗಿದೆ.

ಪ್ರಸ್ತುತ, ಸ್ಲೈಡರ್ - ಏರಿಳಿಕೆ - ಒಂದು ಕಾರ್ಯಚಟುವಟಿಕೆಯಾಗಿದ್ದು ಅದು ವ್ಯಾಪಾರ ವೆಬ್‌ಸೈಟ್, ಪೋರ್ಟ್‌ಫೋಲಿಯೊ ವೆಬ್‌ಸೈಟ್ ಅಥವಾ ಯಾವುದೇ ಇತರ ಸಂಪನ್ಮೂಲದಲ್ಲಿ ಹೊಂದಲು ಸರಳವಾಗಿ ಅಗತ್ಯವಾಗಿರುತ್ತದೆ. ಪೂರ್ಣ-ಪರದೆಯ ಇಮೇಜ್ ಸ್ಲೈಡರ್‌ಗಳ ಜೊತೆಗೆ, ಸಮತಲವಾದ ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್‌ಗಳು ಯಾವುದೇ ವೆಬ್ ವಿನ್ಯಾಸಕ್ಕೆ ಚೆನ್ನಾಗಿ ಹೊಂದಿಕೊಳ್ಳುತ್ತವೆ.

ಕೆಲವೊಮ್ಮೆ ಸ್ಲೈಡರ್ ಸೈಟ್ ಪುಟದ ಮೂರನೇ ಒಂದು ಭಾಗವನ್ನು ಆಕ್ರಮಿಸಿಕೊಳ್ಳಬೇಕು. ಇಲ್ಲಿ ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್ ಪರಿವರ್ತನೆ ಪರಿಣಾಮಗಳು ಮತ್ತು ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವಿನ್ಯಾಸಗಳೊಂದಿಗೆ ಬಳಸಲಾಗುತ್ತದೆ. ಇ-ಕಾಮರ್ಸ್ ಸೈಟ್‌ಗಳು ಪ್ರತ್ಯೇಕ ಪೋಸ್ಟ್‌ಗಳು ಅಥವಾ ಪುಟಗಳಲ್ಲಿ ಬಹು ಫೋಟೋಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್ ಅನ್ನು ಬಳಸುತ್ತವೆ. ಸ್ಲೈಡರ್ ಕೋಡ್ ಅನ್ನು ನಿಮ್ಮ ಅಗತ್ಯಗಳಿಗೆ ಅನುಗುಣವಾಗಿ ಉಚಿತವಾಗಿ ಬಳಸಬಹುದು ಮತ್ತು ಮಾರ್ಪಡಿಸಬಹುದು.

HTML5 ಮತ್ತು CSS3 ಜೊತೆಯಲ್ಲಿ JQuery ಅನ್ನು ಬಳಸುವುದರಿಂದ, ನಿಮ್ಮ ಪುಟಗಳನ್ನು ನೀವು ಹೆಚ್ಚು ಆಸಕ್ತಿಕರಗೊಳಿಸಬಹುದು, ಅನನ್ಯ ಪರಿಣಾಮಗಳನ್ನು ಒದಗಿಸಬಹುದು ಮತ್ತು ಸೈಟ್‌ನ ನಿರ್ದಿಷ್ಟ ಪ್ರದೇಶಕ್ಕೆ ಭೇಟಿ ನೀಡುವವರ ಗಮನವನ್ನು ಸೆಳೆಯಬಹುದು.

ಸ್ಲಿಕ್ - ಆಧುನಿಕ ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್

ಸ್ಲಿಕ್ ಮುಕ್ತವಾಗಿ ಲಭ್ಯವಿರುವ jquery ಪ್ಲಗಿನ್ ಆಗಿದೆ, ಅದರ ಡೆವಲಪರ್‌ಗಳು ತಮ್ಮ ಪರಿಹಾರವು ನಿಮ್ಮ ಎಲ್ಲಾ ಸ್ಲೈಡರ್ ಅವಶ್ಯಕತೆಗಳನ್ನು ಪೂರೈಸುತ್ತದೆ ಎಂದು ಹೇಳಿಕೊಳ್ಳುತ್ತಾರೆ. ಅಡಾಪ್ಟಿವ್ ಸ್ಲೈಡರ್ - ಏರಿಳಿಕೆ ಮೊಬೈಲ್ ಸಾಧನಗಳಿಗಾಗಿ "ಟೈಲ್" ಮೋಡ್‌ನಲ್ಲಿ ಮತ್ತು ಡೆಸ್ಕ್‌ಟಾಪ್ ಆವೃತ್ತಿಗಾಗಿ "ಡ್ರ್ಯಾಗ್ ಮತ್ತು ಡ್ರಾಪ್" ಮೋಡ್‌ನಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.

ಫೇಡ್ ಪರಿವರ್ತನೆಯ ಪರಿಣಾಮವನ್ನು ಹೊಂದಿದೆ, ಆಸಕ್ತಿದಾಯಕ ಅವಕಾಶ"ಸೆಂಟರ್ ಮೋಡ್", ಸ್ವಯಂ-ಸ್ಕ್ರೋಲಿಂಗ್‌ನೊಂದಿಗೆ ಚಿತ್ರಗಳ ಸೋಮಾರಿಯಾದ ಲೋಡ್. ನವೀಕರಿಸಿದ ಕಾರ್ಯವು ಸ್ಲೈಡ್‌ಗಳು ಮತ್ತು ಸ್ಲೈಡ್ ಫಿಲ್ಟರ್ ಅನ್ನು ಸೇರಿಸುವುದನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ನಿಮ್ಮ ಅವಶ್ಯಕತೆಗಳಿಗೆ ಅನುಗುಣವಾಗಿ ಪ್ಲಗಿನ್ ಅನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡುವುದನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಎಲ್ಲವೂ.

ಡೆಮೊ ಮೋಡ್ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಗೂಬೆ ಏರಿಳಿಕೆ 2.0 - jQuery - ಟಚ್ ಸಾಧನಗಳಲ್ಲಿ ಬಳಸಲು ಪ್ಲಗಿನ್

ಈ ಪ್ಲಗಿನ್ ದೊಡ್ಡದಾದ ಕಾರ್ಯಗಳನ್ನು ಹೊಂದಿದೆ, ಇದು ಆರಂಭಿಕ ಮತ್ತು ಅನುಭವಿ ಅಭಿವರ್ಧಕರಿಗೆ ಸೂಕ್ತವಾಗಿದೆ. ಇದು ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್‌ನ ನವೀಕರಿಸಿದ ಆವೃತ್ತಿಯಾಗಿದೆ. ಅವರ ಹಿಂದಿನವರು ಅದೇ ಹೆಸರನ್ನು ಹೊಂದಿದ್ದರು.

ಒಟ್ಟಾರೆ ಕಾರ್ಯವನ್ನು ಸುಧಾರಿಸಲು ಸ್ಲೈಡರ್ ಕೆಲವು ಅಂತರ್ನಿರ್ಮಿತ ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಹೊಂದಿದೆ. ಅನಿಮೇಷನ್, ವಿಡಿಯೋ ಪ್ಲೇಬ್ಯಾಕ್, ಸ್ಲೈಡರ್ ಆಟೋಪ್ಲೇ, ಲೇಜಿ ಲೋಡಿಂಗ್, ಸ್ವಯಂಚಾಲಿತ ಎತ್ತರ ಹೊಂದಾಣಿಕೆ - ಇವು ಗೂಬೆ ಕರೋಸೆಲ್ 2.0 ನ ಮುಖ್ಯ ಲಕ್ಷಣಗಳಾಗಿವೆ.

ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ ಪ್ಲಗಿನ್‌ನ ಹೆಚ್ಚು ಅನುಕೂಲಕರ ಬಳಕೆಗಾಗಿ ಡ್ರ್ಯಾಗ್ ಮತ್ತು ಡ್ರಾಪ್ ಬೆಂಬಲವನ್ನು ಸೇರಿಸಲಾಗಿದೆ.
ಮೊಬೈಲ್ ಸಾಧನಗಳ ಸಣ್ಣ ಪರದೆಗಳಲ್ಲಿಯೂ ಸಹ ದೊಡ್ಡ ಚಿತ್ರಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು ಪ್ಲಗಿನ್ ಪರಿಪೂರ್ಣವಾಗಿದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

jQuery ಪ್ಲಗಿನ್ ಸಿಲ್ವರ್ ಟ್ರ್ಯಾಕ್

ಪುಟದಲ್ಲಿ ಸ್ಲೈಡರ್ ಅನ್ನು ಇರಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಸಾಕಷ್ಟು ಚಿಕ್ಕದಾದ, ಆದರೆ ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಶ್ರೀಮಂತವಾದ jquery ಪ್ಲಗಿನ್ - ಒಂದು ಏರಿಳಿಕೆ, ಇದು ಸಣ್ಣ ಕೋರ್ ಅನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ಸೈಟ್ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಬಹಳಷ್ಟು ಬಳಸುವುದಿಲ್ಲ. ಅನಿಮೇಷನ್‌ನೊಂದಿಗೆ ಲಂಬ ಮತ್ತು ಅಡ್ಡ ಸ್ಲೈಡರ್‌ಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು ಮತ್ತು ಗ್ಯಾಲರಿಯಿಂದ ಚಿತ್ರಗಳ ಸೆಟ್‌ಗಳನ್ನು ರಚಿಸಲು ಪ್ಲಗಿನ್ ಅನ್ನು ಬಳಸಬಹುದು.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

AnoSlide - ಅಲ್ಟ್ರಾ ಕಾಂಪ್ಯಾಕ್ಟ್ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ jQuery ಸ್ಲೈಡರ್

ಅಲ್ಟ್ರಾ ಕಾಂಪ್ಯಾಕ್ಟ್ jQuery ಸ್ಲೈಡರ್ - ಏರಿಳಿಕೆ, ಇದರ ಕಾರ್ಯವು ಸಾಮಾನ್ಯ ಸ್ಲೈಡರ್‌ಗಿಂತ ಹೆಚ್ಚು. ಇದು ಒಳಗೊಂಡಿದೆ ಮುನ್ನೋಟಒಂದು ಚಿತ್ರ, ಶೀರ್ಷಿಕೆಗಳ ಆಧಾರದ ಮೇಲೆ ಏರಿಳಿಕೆ ಮತ್ತು ಸ್ಲೈಡರ್ ರೂಪದಲ್ಲಿ ಬಹು ಚಿತ್ರಗಳನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಗೂಬೆ ಏರಿಳಿಕೆ - jquery ಸ್ಲೈಡರ್ - ಏರಿಳಿಕೆ

ಗೂಬೆ ಏರಿಳಿಕೆ ಟಚ್ ಸ್ಕ್ರೀನ್‌ಗಳು ಮತ್ತು ಡ್ರ್ಯಾಗ್ ಮತ್ತು ಡ್ರಾಪ್ ತಂತ್ರಜ್ಞಾನವನ್ನು ಬೆಂಬಲಿಸುವ ಸ್ಲೈಡರ್ ಆಗಿದ್ದು, HTML ಕೋಡ್‌ಗೆ ಸುಲಭವಾಗಿ ಸಂಯೋಜಿಸಲ್ಪಡುತ್ತದೆ. ಪ್ಲಗಿನ್ ಯಾವುದೇ ವಿಶೇಷವಾಗಿ ಸಿದ್ಧಪಡಿಸಿದ ಮಾರ್ಕ್ಅಪ್ ಇಲ್ಲದೆ ಸುಂದರವಾದ ಏರಿಳಿಕೆಗಳನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಅತ್ಯುತ್ತಮ ಸ್ಲೈಡರ್ಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

3D ಗ್ಯಾಲರಿ - ಏರಿಳಿಕೆ

CSS ಶೈಲಿಗಳು ಮತ್ತು ಸ್ವಲ್ಪ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಆಧರಿಸಿ 3D ಪರಿವರ್ತನೆಗಳನ್ನು ಬಳಸುತ್ತದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

TweenMax.js ಮತ್ತು jQuery ಬಳಸಿಕೊಂಡು 3D ಏರಿಳಿಕೆ

ಭವ್ಯವಾದ 3D ಏರಿಳಿಕೆ. ಇದು ಇನ್ನೂ ಬೀಟಾ ಆವೃತ್ತಿಯಾಗಿರುವಂತೆ ತೋರುತ್ತಿದೆ, ಏಕೆಂದರೆ ನಾನು ಇದೀಗ ಇದರೊಂದಿಗೆ ಒಂದೆರಡು ಸಮಸ್ಯೆಗಳನ್ನು ಕಂಡುಹಿಡಿದಿದ್ದೇನೆ. ನಿಮ್ಮ ಸ್ವಂತ ಸ್ಲೈಡರ್‌ಗಳನ್ನು ಪರೀಕ್ಷಿಸಲು ಮತ್ತು ರಚಿಸಲು ನೀವು ಆಸಕ್ತಿ ಹೊಂದಿದ್ದರೆ, ಈ ಏರಿಳಿಕೆ ಉತ್ತಮ ಸಹಾಯವಾಗುತ್ತದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಬಳಸಿ ಏರಿಳಿಕೆ

ರೆಸ್ಪಾನ್ಸಿವ್ ಸ್ಲೈಡರ್ - ನಿಮ್ಮ ಹೊಸ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ತಂತ್ರಜ್ಞಾನವನ್ನು ಬಳಸುವ ಏರಿಳಿಕೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಚೌಕಟ್ಟನ್ನು ಆಧರಿಸಿ ಬಾಕ್ಸ್ ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್ ಮೂವಿಂಗ್

ಪೋರ್ಟ್‌ಫೋಲಿಯೋ ಮತ್ತು ವ್ಯಾಪಾರ ವೆಬ್‌ಸೈಟ್‌ಗಳಲ್ಲಿ ಹೆಚ್ಚು ಜನಪ್ರಿಯವಾಗಿದೆ. ಈ ರೀತಿಯ ಸ್ಲೈಡರ್ - ಏರಿಳಿಕೆ - ಸಾಮಾನ್ಯವಾಗಿ ಯಾವುದೇ ರೀತಿಯ ಸೈಟ್‌ಗಳಲ್ಲಿ ಕಂಡುಬರುತ್ತದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಸಣ್ಣ ಸರ್ಕಲ್ಸ್ಲೈಡರ್

ಈ ಚಿಕ್ಕ ಗಾತ್ರದ ಸ್ಲೈಡರ್ ಯಾವುದೇ ಸ್ಕ್ರೀನ್ ರೆಸಲ್ಯೂಶನ್ ಹೊಂದಿರುವ ಸಾಧನಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡಲು ಸಿದ್ಧವಾಗಿದೆ. ಸ್ಲೈಡರ್ ವೃತ್ತಾಕಾರದ ಮತ್ತು ಏರಿಳಿಕೆ ವಿಧಾನಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡಬಹುದು. ಈ ಪ್ರಕಾರದ ಇತರ ಸ್ಲೈಡರ್‌ಗಳಿಗೆ ಪರ್ಯಾಯವಾಗಿ ಸಣ್ಣ ವೃತ್ತವನ್ನು ಪ್ರಸ್ತುತಪಡಿಸಲಾಗಿದೆ. ಅಂತರ್ನಿರ್ಮಿತ ಬೆಂಬಲ ಲಭ್ಯವಿದೆ ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಂಗಳು IOS ಮತ್ತು Android.

ವೃತ್ತಾಕಾರದ ಕ್ರಮದಲ್ಲಿ, ಸ್ಲೈಡರ್ ಸಾಕಷ್ಟು ಆಸಕ್ತಿದಾಯಕವಾಗಿ ಕಾಣುತ್ತದೆ. ಡ್ರ್ಯಾಗ್ ಮತ್ತು ಡ್ರಾಪ್ ವಿಧಾನ ಮತ್ತು ಸ್ವಯಂಚಾಲಿತ ಸ್ಲೈಡ್ ಸ್ಕ್ರೋಲಿಂಗ್ ಸಿಸ್ಟಮ್‌ಗೆ ಅತ್ಯುತ್ತಮ ಬೆಂಬಲ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

Thumbelina ವಿಷಯ ಸ್ಲೈಡರ್

ಪ್ರಬಲ, ಹೊಂದಾಣಿಕೆಯ, ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್ ಆಧುನಿಕ ವೆಬ್ಸೈಟ್ಗೆ ಪರಿಪೂರ್ಣವಾಗಿದೆ. ಯಾವುದೇ ಸಾಧನದಲ್ಲಿ ಸರಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಸಮತಲ ಮತ್ತು ಲಂಬ ವಿಧಾನಗಳನ್ನು ಹೊಂದಿದೆ. ಇದರ ಗಾತ್ರವನ್ನು ಕೇವಲ 1 KB ಗೆ ಕಡಿಮೆ ಮಾಡಲಾಗಿದೆ. ಅಲ್ಟ್ರಾ ಕಾಂಪ್ಯಾಕ್ಟ್ ಪ್ಲಗಿನ್ ಅತ್ಯುತ್ತಮ ಮೃದುವಾದ ಪರಿವರ್ತನೆಗಳನ್ನು ಸಹ ಹೊಂದಿದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ವಾವ್ - ಸ್ಲೈಡರ್ - ಏರಿಳಿಕೆ

ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ಮೂಲ ಸ್ಲೈಡರ್ ಅನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುವ 50 ಕ್ಕೂ ಹೆಚ್ಚು ಪರಿಣಾಮಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ರೆಸ್ಪಾನ್ಸಿವ್ jQuery ವಿಷಯ ಸ್ಲೈಡರ್ bxSlider

ಸ್ಲೈಡರ್ ಹೇಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ ಎಂಬುದನ್ನು ನೋಡಲು ನಿಮ್ಮ ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ. Bxslider 50 ಕ್ಕೂ ಹೆಚ್ಚು ಗ್ರಾಹಕೀಕರಣ ಆಯ್ಕೆಗಳೊಂದಿಗೆ ಬರುತ್ತದೆ ಮತ್ತು ವಿವಿಧ ಪರಿವರ್ತನೆ ಪರಿಣಾಮಗಳೊಂದಿಗೆ ಅದರ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

jCarousel

jCarousel ನಿಮ್ಮ ಚಿತ್ರಗಳ ವೀಕ್ಷಣೆಯನ್ನು ಸಂಘಟಿಸಲು ಸಹಾಯ ಮಾಡುವ jQuery ಪ್ಲಗಿನ್ ಆಗಿದೆ. ಉದಾಹರಣೆಯಲ್ಲಿ ತೋರಿಸಿರುವ ಬೇಸ್‌ನಿಂದ ನೀವು ಕಸ್ಟಮ್ ಇಮೇಜ್ ಏರಿಳಿಕೆಗಳನ್ನು ಸುಲಭವಾಗಿ ರಚಿಸಬಹುದು. ಸ್ಲೈಡರ್ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ಮೊಬೈಲ್ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡಲು ಹೊಂದುವಂತೆ ಮಾಡಲಾಗಿದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಸ್ಕ್ರೋಲ್ಬಾಕ್ಸ್ - jQuery ಪ್ಲಗಿನ್

ಸ್ಕ್ರಾಲ್‌ಬಾಕ್ಸ್ ಸ್ಲೈಡರ್ ಅನ್ನು ರಚಿಸಲು ಕಾಂಪ್ಯಾಕ್ಟ್ ಪ್ಲಗಿನ್ ಆಗಿದೆ - ಏರಿಳಿಕೆ ಅಥವಾ ಪಠ್ಯ ಕ್ರಾಲ್. ಮೌಸ್ ಮೇಲೆ ವಿರಾಮದೊಂದಿಗೆ ಲಂಬ ಮತ್ತು ಅಡ್ಡ ಸ್ಕ್ರೋಲಿಂಗ್ ಪರಿಣಾಮಗಳನ್ನು ಪ್ರಮುಖ ವೈಶಿಷ್ಟ್ಯಗಳು ಒಳಗೊಂಡಿವೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

dbpasCarousel

ಸರಳ ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್. ನಿಮಗೆ ವೇಗದ ಪ್ಲಗಿನ್ ಅಗತ್ಯವಿದ್ದರೆ, ಇದು 100% ಸೂಕ್ತವಾಗಿದೆ. ಸ್ಲೈಡರ್ ಕೆಲಸ ಮಾಡಲು ಅಗತ್ಯವಿರುವ ಮೂಲಭೂತ ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ಮಾತ್ರ ಬರುತ್ತದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

Flexisel: ರೆಸ್ಪಾನ್ಸಿವ್ jQuery ಸ್ಲೈಡರ್ ಪ್ಲಗಿನ್ - ಏರಿಳಿಕೆ

Flexisel ನ ರಚನೆಕಾರರು ಹಳೆಯ ಶಾಲೆಯ jCarousel ಪ್ಲಗಿನ್‌ನಿಂದ ಸ್ಫೂರ್ತಿ ಪಡೆದರು, ಅದರ ನಕಲನ್ನು ಗುರಿಯಾಗಿಟ್ಟುಕೊಂಡು ಸರಿಯಾದ ಕಾರ್ಯಾಚರಣೆಮೊಬೈಲ್ ಮತ್ತು ಟ್ಯಾಬ್ಲೆಟ್ ಸಾಧನಗಳಲ್ಲಿ ಸ್ಲೈಡರ್.

Flexisel ನ ರೆಸ್ಪಾನ್ಸಿವ್ ಲೇಔಟ್, ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ ಚಾಲನೆಯಲ್ಲಿರುವಾಗ, ಬ್ರೌಸರ್-ವಿಂಡೋ-ಗಾತ್ರದ ಲೇಔಟ್‌ಗಿಂತ ಭಿನ್ನವಾಗಿರುತ್ತದೆ. ಕಡಿಮೆ ಮತ್ತು ಹೆಚ್ಚಿನ ರೆಸಲ್ಯೂಶನ್ ಎರಡೂ ಪರದೆಯ ಮೇಲೆ ಕೆಲಸ ಮಾಡಲು ಫ್ಲೆಕ್ಸಿಸೆಲ್ ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಅಳವಡಿಸಲಾಗಿದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

Elastislide - ಹೊಂದಾಣಿಕೆಯ ಸ್ಲೈಡರ್ - ಏರಿಳಿಕೆ

Elastislide ನಿಮ್ಮ ಸಾಧನದ ಪರದೆಯ ಗಾತ್ರಕ್ಕೆ ಸಂಪೂರ್ಣವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ. ನಿರ್ದಿಷ್ಟ ರೆಸಲ್ಯೂಶನ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲು ನೀವು ಕನಿಷ್ಟ ಸಂಖ್ಯೆಯ ಚಿತ್ರಗಳನ್ನು ಹೊಂದಿಸಬಹುದು. ಲಂಬ ಸ್ಕ್ರೋಲಿಂಗ್ ಪರಿಣಾಮದ ಜೊತೆಗೆ ಸ್ಥಿರ ಹೊದಿಕೆಯನ್ನು ಬಳಸಿಕೊಂಡು ಇಮೇಜ್ ಗ್ಯಾಲರಿಗಳೊಂದಿಗೆ ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್‌ನಂತೆ ಉತ್ತಮವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಫ್ಲೆಕ್ಸ್‌ಸ್ಲೈಡರ್ 2

Woothemes ನಿಂದ ಫ್ರೀವೇರ್ ಸ್ಲೈಡರ್. ಇದು ಅತ್ಯುತ್ತಮ ಹೊಂದಾಣಿಕೆಯ ಸ್ಲೈಡರ್‌ಗಳಲ್ಲಿ ಒಂದೆಂದು ಪರಿಗಣಿಸಲಾಗಿದೆ. ಪ್ಲಗಿನ್ ಹಲವಾರು ಟೆಂಪ್ಲೇಟ್‌ಗಳನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ಅನನುಭವಿ ಬಳಕೆದಾರರಿಗೆ ಮತ್ತು ತಜ್ಞರಿಗೆ ಉಪಯುಕ್ತವಾಗಿರುತ್ತದೆ.

ಉದಾಹರಣೆ | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಅಮೇಜಿಂಗ್ ಕರೋಸೆಲ್

ಅಮೇಜಿಂಗ್ ಏರಿಳಿಕೆ - jQuery ಬಳಸಿಕೊಂಡು ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಇಮೇಜ್ ಸ್ಲೈಡರ್ . WordPress, Drupal ಮತ್ತು Joomla ನಂತಹ ಅನೇಕ ವಿಷಯ ನಿರ್ವಹಣಾ ವ್ಯವಸ್ಥೆಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಯಾವುದೇ ಹೊಂದಾಣಿಕೆ ಸಮಸ್ಯೆಗಳಿಲ್ಲದೆ Android ಮತ್ತು IOS ಮತ್ತು ಡೆಸ್ಕ್‌ಟಾಪ್ ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್‌ಗಳನ್ನು ಸಹ ಬೆಂಬಲಿಸುತ್ತದೆ. ಅಂತರ್ನಿರ್ಮಿತ ಅದ್ಭುತ ಏರಿಳಿಕೆ ಟೆಂಪ್ಲೇಟ್‌ಗಳು ಸ್ಲೈಡರ್ ಅನ್ನು ಲಂಬ, ಅಡ್ಡ ಮತ್ತು ವೃತ್ತಾಕಾರದ ವಿಧಾನಗಳಲ್ಲಿ ಬಳಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.

ಉದಾಹರಣೆಗಳು | ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ