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

pageAnimate Web-Page Slider

— ಸೇರಿಸಿ - ರಂದು WorldWideScripts.net ಗೆ

ನವೀಕೃತವಾಗಿರಿ ನಮ್ಮ ಚಂದಾದಾರರಾಗಿ!

ಹೊಸ! ನೀವು ಬಯಸುವ ನಮಗೆ ಅನುಸರಿಸಿ!


pageAnimate Web-Page Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting



ಈ jQuery ಪ್ಲಗಿನ್ ವೆಬ್ ಪುಟಗಳು ನಡುವೆ ನ್ಯಾವಿಗೇಟ್ ಒಂದು ಪೂರ್ಣ ಪುಟ ಸ್ಲೈಡರ್ ಆಗಿದೆ. ಉದಾಹರಣೆಗೆ, ನೀವು ಹೀಗೆ ಇನ್ನೊಂದು ಒಂದು ಸ್ಲೈಡ್, ಸಂಪರ್ಕ ಪುಟ ನಿಮ್ಮ ಮುಖಪುಟಕ್ಕೆ, ಮತ್ತು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ. ಇದು ಕಾರಣವಾಗುತ್ತದೆ ಮತ್ತು (ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ 6 ಸೇರಿದಂತೆ ಎಲ್ಲಾ ಪ್ರಮುಖ ಬ್ರೌಸರ್ : O ) ಮತ್ತು ಮೊಬೈಲ್ ಬ್ರೌಸರ್.

ಹೆಸರೇ ಸೂಚಿಸುವಂತೆ, ನೀವು ಸ್ಲೈಡ್ ಒಳಗೆ (ಇತರ jQuery ವಿಷಯ, ವೀಡಿಯೊಗಳು, ಮತ್ತು ಯಾವ-ಅಲ್ಲ) ಏನು ಹಾಕಬಹುದು, ಮತ್ತು ಪ್ರತಿ ಸ್ಲೈಡ್ ಕೇವಲ ಯಾವುದೇ ಸಾಮಾನ್ಯ ಪುಟದಂತೆ ಸ್ಥಳಾಂತರವನ್ನು ವೀಕ್ಷಿಸಲು ಸ್ಕ್ರಾಲ್ ಕಾಣಿಸುತ್ತದೆ. ನಾನು ಸ್ಲೈಡರ್ ಮುರಿಯಲು ಎಂದು ತಿಳಿದಿದ್ದರೆ ಏನೂ, ಮತ್ತು ನೀವು ಅನಂತಸ್ಲೈಡ್ಗಳು ಪ್ರಮಾಣದ ಸೇರಿಸಬಹುದು. ನೀವು ಮಸಾಲೆ ಅಪ್ ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ಗೆ ಅಗತ್ಯವಿದೆ ನಿಖರವಾಗಿ ಏನು!

ಈ ಪೂರ್ಣ ವಿಂಡೋ ವಿಷಯ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ ಸಹ, ನೀವು ಸುಲಭವಾಗಿ ಒಂದು ಸಾಂಪ್ರದಾಯಿಕ jQuery ವಿಷಯ ಸ್ಲೈಡರ್ ಈ ಬಳಸಬಹುದು. ವಾಸ್ತವವಾಗಿ, pageAnimate ಇದು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ 6 ಸುಂದರವಾಗಿ ಕೆಲಸ ಏಕೆಂದರೆ ಇತರ ಸ್ಲೈಡರ್ಗಳನ್ನು ಬಹುಶಃ ಉತ್ತಮ!

ಗಮನಿಸಿ: ನೀವು ಮೊಬೈಲ್ ಬ್ರೌಸರ್ನಲ್ಲಿ WorldWideScripts.net ಪೂರ್ವವೀಕ್ಷಣೆಯನ್ನು ವೀಕ್ಷಿಸಲು ವೇಳೆ, ಐಟಂ ರೆಂಡರಿಂಗ್ ಎಲ್ಲಾ ಕೆಲಸ ಮಾಡುವುದಿಲ್ಲ. ನೀವು ಭೇಟಿ ನೀಡಬೇಕು http://creativewebsites.me/pageAnimate/preview ಕ್ರಿಯೆಯನ್ನು ನೋಡಲು.

ಆವೃತ್ತಿ 1.1 ಅಪ್ಡೇಟ್

ಆವೃತ್ತಿ 1.1 ಎರಡು ಹೊಸ ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ಬರುತ್ತದೆ ಪ್ರತಿ ಸ್ಲೈಡ್ (ಹ್ಯಾಶ್ ಬಳಕೆ) ಒಂದು ಅನನ್ಯ URL ನೀಡಲು ಸಾಮರ್ಥ್ಯ ಮತ್ತು ಆಟೋ ಮುಂದುವರೆಯುತ್ತಿದ್ದ ಕಾರ್ಯ ನಿರಂತರವಾಗಿ ಎಲ್ಲಾ ಸ್ಲೈಡ್ಗಳು ಮೂಲಕ ಸ್ಲೈಡರ್ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಚಕ್ರಗಳು ಆದ್ದರಿಂದ. ಎರಡೂ (ನಾನು ಹೇಗಾದರೂ ಬಯಸುತ್ತೇನೆ ಎಂದು ಯಾರಾದರೂ ನೆನಪಾಗುತ್ತಿಲ್ಲ) ಅದೇ ಸಮಯದಲ್ಲಿ ಶಕ್ತಗೊಳಿಸಲಾಗುವುದಿಲ್ಲ.

ನೀವು ಸ್ಥಾಪಿಸಿದ ಹಿಂದಿನ ಆವೃತ್ತಿ ಮತ್ತು ಈ ಆವೃತ್ತಿಗೆ ನವೀಕರಿಸಿ, ನೀವು.pageAnimate ಒಂದು ವರ್ಗ ಹೊಂದಿರುವ DIV ಒಳಗೆ 'ಡೇಟಾ ಸ್ಲೈಡ್ = "0"' ಗುಣಲಕ್ಷಣ hardcode ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ. ಆದ್ದರಿಂದ ಲೈಕ್:

 <div class = "pageAnimate" ಡೇಟಾ ಸ್ಲೈಡ್ = "0"> </ div> 

ನೀವು ಸ್ಲೈಡ್ ಪ್ರಚೋದಕ ಕೆಳಗಿನ ವರ್ಗ ಸೇರಿಸಲು ಅಗತ್ಯವಿದೆ:.pageAnimate_trigger

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಏನು ನಿಷ್ಕ್ರಿಯತೆಯ?

ಈ ಪ್ಲಗಿನ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮುಖ್ಯವಾಗಿ ಸಾಗುತ್ತದೆ - ಆದರೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಏನು ನಿಷ್ಕ್ರಿಯತೆಯ? ಸ್ಲೈಡರ್ ನಿಷ್ಪ್ರಯೋಜಕವಾಗಿದೆ (ಮತ್ತು ಜನರು ನಿಮ್ಮ ಮುಖಪುಟಕ್ಕೆ ನೋಡಬಹುದು ಅರ್ಥ!). ಇಲ್ಲ, ಸಹಜವಾಗಿ ಅಲ್ಲ. ನೀವು ಸ್ಲೈಡ್ ಹೋಗಿ ಎಂದು ಪ್ರಚೋದಕ ಒಂದು ಗೆ 'href' ಲಿಂಕ್ ಸೇರಿಸಬಹುದು. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಿಷ್ಕ್ರಿಯತೆಯ ಆದ್ದರಿಂದ, ಈ ಪ್ರಚೋದಕ pageAnimate ರಲ್ಲಿ ಸ್ಲೈಡ್ ಹೋಗಿ ಮಾಡುವುದಿಲ್ಲ, ಆದರೆ ಕೇವಲ (ನೀವು 'href' ರಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಿ) ಇನ್ನೊಂದು ಪುಟಕ್ಕೆ ಸಾಮಾನ್ಯ ರೀತಿಯಲ್ಲಿ ಮುಂದುವರಿಸಲು ಮಾಡುತ್ತದೆ.

.PageAnimate ಸ್ಲೈಡರ್ ಇತರ ವೆಬ್ ಪುಟಗಳು ವಿಷಯ ಪುಲ್ ಇಲ್ಲ?

ಇಲ್ಲ, ಪ್ಲಗಿನ್ ಸ್ವತಃ ಇತರ ವೆಬ್ ಪುಟಗಳಿಂದ ವಿಷಯ ಪುಲ್ ಇಲ್ಲ. ನೀವು ಅಜಾಕ್ಸ್ ಅಥವಾ ಪಿಎಚ್ಪಿ ಕೋಡ್ ಕೇವಲ ಕೆಲವು ಸಾಲುಗಳನ್ನು ಹಾಗೆ ಸಾಧ್ಯವಾಗದಿದ್ದರೂ, ಸ್ವತಃ ಲಿಪಿ ಕಾರ್ಯವನ್ನು ಹೊಂದಿಲ್ಲ ಮತ್ತು ಪ್ರತಿ ಸ್ಲೈಡ್ ನ / ಪುಟದ ವಿಷಯ ಹಸ್ತಚಾಲಿತವಾಗಿ ಸೇರಿಸಬೇಕಾಗುತ್ತದೆ. ಅಜಾಕ್ಸ್ ನಿಮ್ಮ ವೆಬ್ ಸರ್ವರ್ ವಿಷಯ ಎಳೆಯಲು, ಈ ಕೋಡ್ ಬಳಸಿ:
 <ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್"> $ ("#slide_id_or_class").ಲೋಡ್ ("http://www.yourserver.com/yourpage.html"); </ ಸ್ಕ್ರಿಪ್ಟ್> 
(ನೀವು ಸೇರಿಸಲು ಬಯಸುವ pageAnimate ಸ್ಲೈಡ್ನ ಸಿಎಸ್ಎಸ್ ಐಡಿ ಅಥವಾ ವರ್ಗಕ್ಕೆ "#slide_id_or_class ಬದಲಾಯಿಸಲು)

ಆದ್ದರಿಂದ ಹೇಗೆ ನಾನು ಸ್ಲೈಡರ್ ಸ್ಲೈಡ್ ಹೋಗಿ ಮಾಡಲು ಹೇಗೆ?

: ಈ ಕೋಡ್ ಸೇರಿಸಲು - ಇದು ಸುಲಭ ಸಾಧ್ಯವಿಲ್ಲ
 <a class="pageAnimate_trigger pageAnimate_trigger1"> ಈ ಪಠ್ಯ 2 </a> ಸ್ಲೈಡ್ ಹೋಗುತ್ತದೆ 
ವರ್ಗ ಹೆಸರನ್ನು ಕೊನೆಯಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆ ಸಂಖ್ಯೆ ಗಮನಿಸಿ? ಸಣ್ಣ ಸಂಖ್ಯೆಯ ಸ್ಲೈಡ್ ಅನಿಮೇಷನ್ ನಡೆಯಲಿದೆ ಎಂಬುದನ್ನು ವರ್ಣಿಸಬಹುದು. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಎಲ್ಲವೂ (ಇಲ್ಲಿ ನನ್ನೊಂದಿಗೆ ಹೊರಲು) ಶೂನ್ಯ ಆಧಾರಿತ ಏಕೆಂದರೆ ಆದರೆ, ನಾವು ಸ್ಲೈಡ್ ಸಂಖ್ಯೆಯ ಅಗತ್ಯವಿದೆ ಮೈನಸ್ 1. "PageAnimate_trigger 3": ನಾವು ಬಯಸಿದರೆ ಉದಾಹರಣೆಗೆ, ಸ್ಲೈಡರ್ ಪಠ್ಯ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ, ನಾವು ಈ ವರ್ಗ ಸೇರಿಸಿದ್ದು # 4 ಸ್ಲೈಡ್ ಹೋಗಲು. "PageAnimate_trigger 5": ನಾವು ಸ್ಲೈಡರ್ # 6 ಸ್ಲೈಡ್ ಹೋಗಲು ಬಯಸಿದರೆ, ನಾವು ಈ ವರ್ಗ ಸೇರಿಸುವುದು. ಮೇಲೆ ಹೇಳಿದಂತೆ, ನೀವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ ಮಾತ್ರ ನಂತರ ಮಾಡಬಹುದು ಇದು ಆಧಾರ ಟ್ಯಾಗ್, ಲಿಂಕ್ ಸೇರಿಸಬಹುದು. ಆದ್ದರಿಂದ ಭೇಟಿ ಇನ್ನೂ ಅವರು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ ಇದ್ದರೆ ನಿಮ್ಮ ಸೈಟ್ನಲ್ಲಿ ಬೇರೆಡೆ ಒಂದು ಕ್ಲೋನ್ ಮಾಡಿದ ಪುಟ ವೀಕ್ಷಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಅರ್ಥ.

ನಾನು ಹಸ್ತಚಾಲಿತವಾಗಿ ಪ್ರತಿ ಸ್ಲೈಡ್ ಲಿಂಕ್ ಸೇರಿಸಲು ಹೊಂದಿದ್ದೀರಾ?

ಖಂಡಿತ ಇಲ್ಲ - ಸ್ಕ್ರಿಪ್ಟ್ ನಿಮಗೆ ಎಲ್ಲಾ ಕೆಲಸ ಮಾಡುತ್ತದೆ.

ನಾನು ಹೇಗೆ ಈ ಒಂದು ಸಾಮಾನ್ಯ ವಿಷಯ ಸ್ಲೈಡರ್ ಮತ್ತು ಒಂದು ವೆಬ್ ಪುಟ ಸ್ಲೈಡರ್ ಒಳಗೆ ಮಾಡಲು ಇಲ್ಲ?

ಸುಲಭ - ನೀವು ಎಲ್ಲಾ jQuery ಲಿಪಿಯ 'ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು' ಒಂದು ಲೈನ್ ಬದಲಾವಣೆ. ನೀವು.PageAnimate ಸ್ಲೈಡರ್ ಕಂಟೇನರ್ ಆಗಿ ಒಂದು DIV (ಅಥವಾ ಇನ್ನೊಂದು ಟ್ಯಾಗ್) ಅಗತ್ಯವಿದೆ. ಕೇವಲ ಸ್ಕ್ರಿಪ್ಟ್ ಎಂದು DIV ವ್ಯಾಖ್ಯಾನಿಸಲು.

ಯಾವುದೇ ತೊಂದರೆಗಳು ಅಥವಾ ಬಗ್ಸ್ ಇವೆ?

  1. ಬ್ರೌಸರ್ನಲ್ಲಿ ಅಥವಾ ಐಇ 8 ಔಟ್ ಜೂಮ್ ಮಾಡಿದಾಗ, ಸ್ಲೈಡ್ಗಳು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಪೂರ್ಣ ಸ್ಕ್ರೀನ್ ಆಗಲು ಗಾತ್ರ ಬದಲಾವಣೆ ಇಲ್ಲ. ನಾನು ಒಂದು ಪರಿಹಾರವನ್ನು ಕಂಡುಹಿಡಿಯಲು ವಯಸ್ಸಿನವರಿಗೆ ಪ್ರಯತ್ನಿಸಿದರು, ಆದರೆ ಬಂದಿದೆ. ನಿಜವಾದ ವಿಂಡೋ ಸಣ್ಣ ಅಥವಾ ದೊಡ್ಡ ಬಿಡಬಹುದು ಮಾಡಿದಾಗ ಆದಾಗ್ಯೂ, ಅವರು ಮರುಗಾತ್ರಗೊಳಿಸಿ. ಈ IE8 ಮೇಲೆ ಮತ್ತು ಔಟ್ ಝೂಮ್ ಹಲವಾರು ಜನರು ಇರುವುದರಿಂದ ಐಇ 8 ಈ ಒಂದು ದೊಡ್ಡ ಒಪ್ಪಂದ ಮಾಡಬಾರದು ವಿಶಿಷ್ಟವಾಗಿದೆ.
  2. JQuery 1.8.1 ಬಳಸುವಾಗ, ಫೈರ್ಫಾಕ್ಸ್ ಅನೇಕ ಪ್ರಚೋದಕ ಶೀಘ್ರ ಅನುಕ್ರಮದಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಹೆಪ್ಪುಗಟ್ಟುತ್ತದೆ. JQuery 1.7.2 ಉತ್ತಮ ಕೆಲಸ.
  3. ಸ್ಲೈಡರ್ ಸಂಚರಣೆ ಸಂಪೂರ್ಣವಾಗಿ ನೀವು ಸ್ಮಾರ್ಟ್ಫೋನ್ ಜೂಮ್ ಮಾಡಿದಾಗ ಒಡೆಯುತ್ತವೆ. ಈ ನಿಮ್ಮ HTML ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ <head> ಭಾಗಕ್ಕೆ ಈ ಕೋಡ್ ಸೇರಿಸುವ ಮೂಲಕ ನಿಗದಿ ಮಾಡಬಹುದು:
     <"ಗರಿಷ್ಠ ಪ್ರಮಾಣದ = 1 ಅಗಲ = ಸಾಧನ ಅಗಲ; ಆರಂಭಿಕ ಪ್ರಮಾಣದ = 1" ಮೆಟಾ ಹೆಸರು = ವಿಷಯ = "ಪೋರ್ಟ್"> 
  4. ಸ್ಲೈಡರ್ ಆನಿಮೇಷನ್ ಹಳೆಯ ಸ್ಮಾರ್ಟ್ಫೋನ್ಗಳಲ್ಲಿ ಸ್ವಲ್ಪ ಹೃದಯ ಕಂಪಿಸುವ ಇರಬಹುದು - ಇದು ತುಂಬಾ ಕೆಟ್ಟ ಅಲ್ಲ ಆದರೂ.

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

ಗುಣಲಕ್ಷಣಗಳು

ದಾಖಲಿಸಿದವರು:
13 ನವೆಂಬರ್ 12

ಕೊನೆಯ ನವೀಕರಣ:
18 ಮೇ 13

ಹೈ ರೆಸಲ್ಯೂಷನ್:
ಹೌದು

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

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

ಸಾಫ್ಟ್ವೇರ್ ಆವೃತ್ತಿ:
jQuery

ಕೀವರ್ಡ್ಗಳು

ಐಕಾಮರ್ಸ್, ಐಕಾಮರ್ಸ್, ಎಲ್ಲಾ ವಸ್ತುಗಳು, ಸಿಎಸ್ಎಸ್, ಎಚ್ಟಿಎಮ್ಎಲ್, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, jQuery, jquery ಸ್ಲೈಡರ್, ಪುಟ ಸ್ಲೈಡರ್, pageAnimate, ವಿನ್ಯಾಸ, ರಾಯಲ್ ಸ್ಲೈಡರ್, ಸ್ಲೈಡರ್