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

jQuery Homepage Banner Slideshow / Product viewer

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

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

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


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ಈ ಕಡತ ಮುಖಪುಟ ಬ್ಯಾನರ್, ಸ್ಲೈಡ್ಶೋ, ಉತ್ಪನ್ನ ವೀಕ್ಷಕ ಸೂಕ್ತವಾಗಿದೆ, ಗ್ಯಾಲರಿ ನೀವು ಮುನ್ನುಡಿಯಾಗಿ ಬಳಸಬಹುದು ಕೂಡ. ಎಲ್ಲಾ ಅನಿಮೇಷನ್ ಅದು ಗ್ರಾಹಕ ಇವು ಬ್ಯಾನರ್ ಯಾವುದೇ ರೀತಿಯ ಸೂಕ್ತವಾದ. ನೀವು ಪ್ರತಿ ಸ್ಲೈಡರ್ ಮೇಲೆ ಪದರದ ಯಾವುದೇ ಸಂಖ್ಯೆ ಬಳಸಬಹುದು. ನೀವು ಸ್ಥಾನವನ್ನು ಮತ್ತು ದಶಮಾಂಶ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸಿ ಸುಲಭವಾಗಿ ಅಂತರ ಪ್ರತಿ ಪದರ ಮಾಡಬಹುದು. ಡೌನ್ಲೋಡ್ ಕಡತದಲ್ಲಿ, ಐದು ಡೀಫಾಲ್ಟ್ ಮಾದರಿಗಳನ್ನು ಪ್ರತ್ಯೇಕ HTML ಕಡತದಲ್ಲಿ ಲಭ್ಯವಿವೆ.

ಇದು ಐಪ್ಯಾಡ್, iOS ಮತ್ತು Android ಸಾಧನ ಸೇರಿದಂತೆ ಎಲ್ಲಾ ಬ್ರೌಸರ್ ನಲ್ಲಿ ಚೆನ್ನಾಗಿ ಕೆಲಸ

ಎಲ್ಲಾ ಆಯ್ಕೆಗಳನ್ನು ಮೂಲ ಕೋಡ್ ಸಂಪಾದನೆ ಇಲ್ಲದೆ ಈ ಸ್ಲೈಡರ್ ಕಸ್ಟಮೈಸ್ ಲಭ್ಯವಿವೆ ಬಹುತೇಕ

ಡೆಸ್ಕ್ಟಾಪ್ ಮತ್ತು ಟಚ್ ಸ್ಕ್ರೀನ್ ಡಿವೈಸ್ ಎರಡೂ ಸ್ಕ್ರೀನ್ ಸಾಮರ್ಥ್ಯವನ್ನು ಟಚ್

ಇದು (ಪಾರದರ್ಶಕ ಚಿತ್ರವನ್ನು ಸ್ವರೂಪಕ್ಕೆ ಸೇರಿದಂತೆ) ಅನೇಕ DIV, ಇಮೇಜ್, ವೀಡಿಯೊ, YouTube ಮತ್ತು SWF (ಫ್ಲ್ಯಾಶ್ ಕಡತ) ಇರಬಹುದು ಡಿವ್ ವಿಷಯದ ಯಾವುದೇ ರೀತಿಯ ಬಳಸಬಹುದು

ವಿಶಿಷ್ಟ ಲಕ್ಷಣಗಳು:

  • ಸುಲಭ ಪ್ರತಿ ಇಮೇಜ್ ಮತ್ತು ಪಠ್ಯಕ್ಕಾಗಿ, ಅಂತರ ಮತ್ತು ಅನಿಮೇಷನ್ ದಿಕ್ಕಿನಲ್ಲಿ ಒಗ್ಗೂಡಿ
  • ಆಯ್ಕೆ / ಔಟ್ ಅನಿಮೇಷನ್ ದಿಕ್ಕಿನಲ್ಲಿ ಯಾವುದೇ ರೀತಿಯ ಆಯ್ಕೆ
  • ಅನಿಮೇಷನ್ ಬರುವ ದೂರ ಹೊಂದಿಸಲು ಆಯ್ಕೆ
  • ಅನಿಮೇಷನ್ ಚಲಿಸುವ ಹಿನ್ನೆಲೆ ಮಾದರಿಯನ್ನು
  • ಆಯ್ಕೆ ಪ್ರತಿ DIV / ಔಟ್ ಸಮಯದಲ್ಲಿ ಸೆಟ್
  • ಪ್ರತಿ ಸ್ಲೈಡ್ ಸ್ಲೈಡ್ಶೋ ವಿಳಂಬ ಸಮಯವನ್ನು ಹೊಂದಿಸಲು ಆಯ್ಕೆ
  • / ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ ಡೆಸ್ಕ್ಟಾಪ್ ಡ್ರ್ಯಾಗ್ ಸಕ್ರಿಯಗೊಳಿಸಿ
  • ಪ್ರತಿ ಸ್ಲೈಡ್ ಅಪರಿಮಿತ ಚಿತ್ರಗಳು ಮತ್ತು ಪಠ್ಯ ಬೆಂಬಲ


ಚುಕ್ಕೆಗಳ ಬಟನ್:
  • ಮುಂದಿನ ಚುಕ್ಕೆಗಳ ಬಟನ್ ಮತ್ತು ಹಿಂದಿನ ಗುಂಡಿಗಳು ವಿನ್ಯಾಸದೊಂದಿಗೆ ಮೂರು ವಿವಿಧ ಲಭ್ಯವಿದೆ
  • Align ಮತ್ತು ಸ್ಪೇಸಿಂಗ್ ಆಯ್ಕೆಯನ್ನು ಬಳಸಿ ಯಾವುದೇ ಅಲ್ಲಿ ಸಂಚರಣೆ ಸ್ಥಾನಗಳನ್ನು
  • ತೋರಿಸು /, ಮುಂದಿನ ಮತ್ತು ಹಿಂದಿನ ಗುಂಡಿಗಳು ಕೂಡಿದ ಮರೆಮಾಡಿ
  • / ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ ಸಂಚರಣೆ ಅಡಗಿಸು ಸಕ್ರಿಯಗೊಳಿಸಿ

ಚಿಕ್ಕಚಿತ್ರಗಳನ್ನು:

  • ಮುಂದಿನ ಮತ್ತು ಹಿಂದಿನ ಗುಂಡಿಯನ್ನು ಥಂಬ್ನೇಲ್ ತೋರಿಸಲು ಆಯ್ಕೆ
  • ಸುಲಭವಾಗಿ ಸಿಎಸ್ಎಸ್ ಬಳಸಿಕೊಂಡು ಥಂಬ್ನೇಲ್ ಅಗಲ ಮತ್ತು ಎತ್ತರ ಬದಲಾಯಿಸಲು ಮಾಡಬಹುದು
  • ಥಂಬ್ನೇಲ್ ಗಡಿ ಬಣ್ಣ, ಗಾತ್ರ, ಥಂಬ್ನೇಲ್ ಜಾಗವನ್ನು ಥಂಬ್ನೇಲ್ CSS ಕಡತ ಮೂಲಕ ನಿಯಂತ್ರಣ ಇವೆ
  • ಥಂಬ್ನೇಲ್ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಬ್ಯಾನರ್ ಅಗಲ ಸೂಕ್ತವಾದ. ನೀವು ಚಿಕ್ಕಚಿತ್ರಗಳನ್ನು ವೀಕ್ಷಿಸಿ ಪ್ರದೇಶ ಬದಲಾಯಿಸಬಹುದು
  • CSS ಕಡತ ಮೂಲಕ ಛಾಯೆ ಇಮೇಜ್ ಅಥವಾ ನಿಯಂತ್ರಣವನ್ನು ಥಂಬ್ನೇಲ್ ಮೌಸ್, ನೀವು ಚಿತ್ರವನ್ನು ಬದಲು ಬಣ್ಣ ಬಳಸಬಹುದು
  • Align ಮತ್ತು ಸ್ಪೇಸಿಂಗ್ ಆಯ್ಕೆಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಥಂಬ್ನೇಲ್ ಸ್ಥಾನಗಳನ್ನು
  • ನೀವು ಚುಕ್ಕೆಗಳ ಗುಂಡಿಗಳು ಮತ್ತು ಚಿಕ್ಕಚಿತ್ರಗಳನ್ನು ಎರಡೂ ತೋರಿಸಬಹುದು


ಇತರ ಲಕ್ಷಣಗಳು:
  • ಬಳಕೆದಾರ ಬ್ಯಾನರ್ ಹೊಡೆದಾಗ ಇಲ್ಲದಿದ್ದರೆ ಸ್ಲೈಡ್ಶೋ ವಿರಾಮ ಇದು ವಹಿಸುತ್ತಿವೆ
  • ಮಾದರಿಗಳ ಐದು ವಿವಿಧ ಲಭ್ಯವಿದೆ
  • ಎಲ್ಲಾ ಬ್ರೌಸರ್ಗಳು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ
  • Cufon ಫಾಂಟ್ ಬೆಂಬಲ
  • ನೀವು DIV ಒಳಗೆ ಇರಿಸಿ ಆ ಏನು ಅನಿಮೇಟ್ ಮಾಡಬಹುದು

ನಿಮ್ಮ ಮೊಬೈಲ್ ಮೇಲೆ ಡೆಮೊ ವೀಕ್ಷಿಸಿ

ಪ್ಲಗ್ ಇನ್ ಕೋಡ್ ನೀವು ಅಸ್ಥಿರ ಕೆಳಗೆ ಬಳಸಿಕೊಂಡು ಸ್ಲೈಡ್ಶೋ ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದು

 . ", image_topShadow:" "" ", banner_height:" ", image_sprite:" fmslideshow_assets / sprite.png ", image_background jQuery (ಕಾರ್ಯ ($) {$ ('# jq_fmslideshow') ({banner_width fmslideshow", image_bottomShadow: "", image_loader: "fmslideshow_assets / loader_img.png", background_fullScreen: ಸುಳ್ಳು, background_move: background_moveDistance, ಸುಳ್ಳು: 1250, buttons_type: 0, buttons_autoHide: ಸುಳ್ಳು, buttons_align: "ಕ್ರಿ.ಪೂ.", buttons_spacing: "15,0", button_nextPrevious_type: 0, button_nextPrevious_autoHide: ನಿಜ, button_next_align: "ಆರ್ಸಿ", button_next_spacing: "20,0", button_previous_align: "ಎಲ್ಸಿ", button_previous_spacing: "20,0", dotButtons: thumbnails_align, ಸುಳ್ಳು: ಸುಳ್ಳು, button_next_previous, "ಕ್ರಿ.ಪೂ." thumbnails_spacing: " -75,0 ", thumb_next_preious_width: 38, ಸ್ಲೈಡ್ಶೋ: desktop_drag 2: ನಿಜ default_data_align: slideShow_delayTime, ಸುಳ್ಳು": 70,0 ", default_data_inOutDirection:" "default_data_spacing," ಎಲ್ಸಿ ಎಲ್ಆರ್ ", default_data_inOutDistance:" 60 "});} ); 


ಮಾದರಿ ಸ್ಲೈಡ್ಶೋ ಕೋಡ್
 <-! ಸ್ಲೈಡ್ 1 -> <div> <img ಡೇಟಾ-align = "BL" ಡೇಟಾ ಅಂತರ = "0,50" ಡೇಟಾ inoutdirection = "ಬಿಬಿ" ಡೇಟಾ inoutdistance = "50" ಡೇಟಾ starttime = "0" ಡೇಟಾ staytime = "5" ಡೇಟಾ animationspeed = "700" ಡೇಟಾ easein = "easeOutQuart" ಡೇಟಾ easeout = "easeOutSine" ವರ್ಗ = "imgSty" src = "ಚಿತ್ರಗಳನ್ನು / image2.png" ಆಲ್ಟ್ = "fmslideshow" /> <div ಡೇಟಾ-align = "ಟಿಆರ್" ಡೇಟಾ ಅಂತರ = "70,0" ಡೇಟಾ inoutdirection = "ಆರ್ಎಲ್" ಡೇಟಾ starttime = ". 5" ಡೇಟಾ staytime = "6" ಡೇಟಾ animationspeed = "400" ಡೇಟಾ easein = "easeInQuart" ಡೇಟಾ easeout = "easeOutSine" ವರ್ಗ = "divStyle"> <span class = "txtLarge"> ಕಸ್ಟಮೈಸ್ ಬಂಗಾರದ </ span> </ div> <div ಡೇಟಾ-align = "ಟಿಆರ್" ಡೇಟಾ ಅಂತರ = "20,0" ಡೇಟಾ inoutdirection = "LR" ವರ್ಗ = "divStyle" ಡೇಟಾ inoutdistance = "60"> <span class = "txtMedium"> / ಔಟ್ ದಿಕ್ಕಿನಲ್ಲಿ - ಸಾಲು - ಸ್ಪೇಸಿಂಗ್ </ span> </ div> </ div> 
ಸಂಪೂರ್ಣ ಸಹಾಯ ಡಾಕ್ಯುಮೆಂಟ್ ಡೌನ್ಲೋಡ್ ಫೈಲ್ ಒಳಗೊಂಡಿದೆ

10-06-2013 ರಂದು ನವೀಕರಿಸಿ: ಸಣ್ಣ ದೋಷವನ್ನು ಪರಿಹರಿಸಲಾಗಿದೆ

23-11-2012 ರಂದು ನವೀಕರಿಸಿ: IE10 ದೋಷವನ್ನು ಪರಿಹರಿಸಲಾಗಿದೆ









ನೀವು ಈ ಫೈಲ್ ಬಗ್ಗೆ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳನ್ನು ಹೊಂದಿದ್ದರೆ ನನ್ನ ಮೂಲಕ ನನ್ನನ್ನು ಸಂಪರ್ಕಿಸಲು ಪ್ರೊಫೈಲ್ ಪುಟ.

ನನ್ನ ಇತರ ಫೈಲ್ಗಳನ್ನು ಪರಿಶೀಲಿಸಿ:

















ನನ್ನ ಫ್ಲ್ಯಾಶ್ ಕಡತಗಳನ್ನು ಪರಿಶೀಲಿಸಿ:

ಅಕಾರ್ಡಿಯನ್ ಸಮತಲ ಲಂಬ ಚಿತ್ರವನ್ನು ಪಠ್ಯ-ಅನಿಮೇಷನ್







ಏರಿಳಿಕೆ-3-ರೀತಿಯ ಚಿತ್ರವನ್ನು ಉತ್ಪನ್ನ ವೀಕ್ಷಕ

ಅಕಾರ್ಡಿಯನ್ ಸಮತಲ ಲಂಬ ಚಿತ್ರವನ್ನು ಪಠ್ಯ-ಅನಿಮೇಷನ್


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

ಗುಣಲಕ್ಷಣಗಳು

ದಾಖಲಿಸಿದವರು:
10 ಅಕ್ಟೋಬರ್ 11

ಕೊನೆಯ ನವೀಕರಣ:
11 ಜೂನ್ 13

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

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

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

ಕೀವರ್ಡ್ಗಳು

ಐಕಾಮರ್ಸ್, ಐಕಾಮರ್ಸ್, ಎಲ್ಲಾ ವಸ್ತುಗಳು, ಬ್ಯಾನರ್ ಜಾಹೀರಾತುಗಳು, ಬ್ಯಾನರ್ ಆವರ್ತಕ, ಇಮೇಜ್ ಸ್ಲೈಡರ್, ಬಂಗಾರದ, ಉತ್ಪನ್ನ ವೀಕ್ಷಕ, ಗಾತ್ರ, ಸರಳ ಸ್ಲೈಡ್ ಪರಿವರ್ತನೆ, ಸ್ಲೈಡ್ಶೋ