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

Slider

— ઉમેરો પર WorldWideScripts.net માટે

તારીખ સુધી રહેવા માટે અમારા ફીડ પર સબ્સ્ક્રાઇબ કરો!

નવું! તમે તેને કરવા માંગો છો તરીકે અમને અનુસરો!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

આ બદલવા માટે સ્લાઇડર તમે ઇચ્છો વિન્ડો કદ પર ફિટ નથી કે horizontaly ગોઠવાયેલ સામગ્રી માટે પરવાનગી આપે છે. તમે ઇચ્છો તરીકે તમે ઘણી વસ્તુઓ મૂકી શકો છો. એક વસ્તુ એક છબી, લેબલ અને એક લિંક સમાવેશ થાય છે. તમે બધા અથવા ફક્ત એક અથવા બે વસ્તુઓ કરવા માટે લિંકને લખાણ ઓવરરાઇડ કરી શકો છો માંગો છો.

ઉપયોગ કેવી રીતે કરવો

PrototypeJS અને Scriptaculous (અસરો + dragp અને ડ્રોપ) સહિત પછી, ફાઈલ slider.js (પદાર્થ) અને ફાઈલ slider.css (શૈલી) સમાવેશ થાય છે.

પછી, ફક્ત વિન્ડો લોડ પર આ કંઈક સમાવેશ થાય છે:

 નવી સ્લાઇડર ({ "સ્લાઇડર": "સ્લાઇડર test1", "વસ્તુઓ": [ {"ફાઈલ": "heroes.jpg", "લેબલ": "હીરોઝ", "લિંક": "http://www.hulu.com/heroes"}, {"ફાઈલ": "prisonbreak.jpg", "લેબલ": "જેલ બ્રેક", "લિંક": "http://www.hulu.com/prison-break"} ] }); 

આ કોડ ID ને "સ્લાઇડર ટેસ્ટ" છે કે જે તત્વ પર સ્લાઇડર બનાવે છે. હીરોઝ અને જેલ બ્રેક: તે 2 વસ્તુઓ ધરાવે છે.

સ્લાઇડર વિકલ્પો

આગામી યાદી બદલવા માટે સ્લાઇડર માટે ઉપલબ્ધ બધા વિકલ્પો બતાવે છે.
  • સ્લાઇડર - સ્લાઇડર પિતૃ પદાર્થ અથવા ID
  • itemWidth - સ્લાઇડ પહોળાઈ (ડિફૉલ્ટ 320 છે)
  • itemHeight - સ્લાઇડ ઊંચાઇ (મૂળભૂત 200 છે)
  • પાથ - છબીઓ સ્લાઇડ પાથ (મૂળભૂત છે "છબીઓ /")
  • linkText - સ્લાઇડ મૂળભૂત લિંક ટેક્સ્ટ (મૂળભૂત "અન્વેષણ" છે)
  • સજીવ - સ્લાઇડર સજીવ (મૂળભૂત સત્ય છે). તમે dragger ક્લિક કરો ત્યાં સુધી આ બદલવા માટે સ્લાઇડર સરકાવનાર રાખશે.
  • animationDelay - એનિમેશન વચ્ચે સમય સેકન્ડોમાં (મૂળભૂત 5)
  • slideDelay - સ્લાઇડ અસર સમય સેકન્ડોમાં (મૂળભૂત) 1
  • slideLoop - પ્રથમ એક છેલ્લા વસ્તુ, લૂપ પહોંચ્યા ત્યારે? (મૂળભૂત સત્ય છે)
  • onClick - એક વસ્તુ લિંક પર ક્લિક કરો ત્યારે ઇવેન્ટ (મૂળભૂત કંઈ છે) કહેવાય

ચોક્કસ વસ્તુ અથવા મૂળભૂત કૉલબૅક પર ક્લિક કરો ત્યારે તેના બદલે દરેક આઇટમ પર એક લિંક પૂરી, તમે કૉલબૅક કાર્ય સેટ કરી શકો છો. તમે મૂળભૂત કૉલબૅક સુયોજિત કરો, તો તે હંમેશા કહેવામાં આવશે અને કોઈ લિંક્સ ઉપયોગ કરવામાં આવશે કે નોટિસ.

 નવી સ્લાઇડર ({ "સ્લાઇડર": "સ્લાઇડર test1", "OnClick": કાર્ય (વસ્તુ) { ચેતવણી ("તમે વસ્તુ ક્લિક" + item.get ("લેબલ");) } "વસ્તુઓ": [ {"ફાઈલ": "heroes.jpg", "લેબલ": "હીરોઝ"}, {"ફાઈલ": "prisonbreak.jpg", "લેબલ": "જેલ બ્રેક", "OnClick": કાર્ય () {ચેતવણી ("તમે જેલ બ્રેક ક્લિક!"); }} ] }); 

આ આઇટમ એક ચોક્કસ કૉલબૅક છે, કારણ કે અગાઉના કોડ, મૂળભૂત કૉલબૅક "જેલ બ્રેક" માટે આઇટમ "હીરોઝ" માટે પણ નથી કહેવામાં આવશે.

ખાતે ડેમો તપાસો http://envato.diogoresende.net/slider/


ડાઉનલોડ કરો
આ શ્રેણી માં અન્ય ઘટકોઆ લેખક બધા ઘટકો
ટિપ્પણીઓવારંવાર પૂછાતા પ્રશ્નો અને જવાબો પૂછવામાં

ગુણધર્મો

બનાવનાર:
24 ફેબ્રુઆરી 10

છેલ્લા સુધારાની તારીખ:
N / A

સુસંગત બ્રાઉઝર્સ:
ફાયરફોક્સ, આઇ 7, IE8, ઓપેરા, સફારી

ફાઈલો:
CSS, HTML, જાવાસ્ક્રિપ્ટ જેએસ

જેએસ પુસ્તકાલય:
પ્રોટોટાઇપ 1.6, Script.aculo.us

કીવર્ડ્સ

ઈકોમર્સ, ઈકોમર્સ, તમામ વસ્તુઓ, બેનર, બારણું