બધા વિષયો

+
Home> રિસોર્સ > ટિપ્સ > કેવી રીતે બનાવવા માટે એક સરળ Javascript સ્લાઇડશો

સરળ જાવાસ્ક્રિપ્ટ સ્લાઇડ શો બનાવવા માટે કેવી રીતે

પણ જેએસ તરીકે ઓળખાય જાવાસ્ક્રિપ્ટ, ડોમ (દસ્તાવેજ ઓબ્જેક્ટ મોડેલ) તત્વો ચલાવવા માટે વપરાય વેબ સ્ક્રિપ્ટીંગ ભાષા છે. તે HTML માં વસ્તુઓ સાથે સંપર્કવ્યવહાર કરવા માટે એક ક્રોસ પ્લેટફોર્મ ટેકનોલોજી છે. HTML માં વિવિધ પદાર્થો એક્સેસ દ્વારા, તમે પણ શુદ્ધ JavaScript કોડ સાથે એક સરળ જાવાસ્ક્રિપ્ટ સ્લાઇડશો ખ્યાલ શકે છે.

આ લેખ તમે એક સરળ આપશે Javascript સ્લાઇડશો તમે તમારી વેબસાઇટ પર એક છબી સ્લાઇડશો ઉમેરી શકો છો તેથી, ઉદાહરણ તરીકે. તમે સમાવેશ થાય છે, તેમજ સ્લાઇડ શો ઝડપ કરવા માટે શું અને કેવી રીતે ઘણા છબીઓ નિયંત્રિત કરી શકો છો. આ માત્ર ફેડ સંક્રમણ અસર Javascript સ્લાઇડશો માટે વપરાય છે. વગેરે વધુ સંક્રમણ અસરો, સ્લાઇડશો શીર્ષકો, છબી હાયપરલિંક તરીકે છબી સ્લાઇડશૉઝ, પર વધુ નિયંત્રણો મેળવવા માટે, તમે જેમ વધુ શક્તિશાળી સ્લાઇડશો નિર્માતા વાપરવા માટે ભલામણ કરવામાં આવે છે ફ્લેશ ગેલેરી ફેક્ટરી તરત જ તમારી વેબસાઇટ પર આંખ મોહક શો ઉમેરે છે કે જે.

Download Win Version

તમે પણ શીખવાની દ્વારા વધુ સારી જાવાસ્ક્રિપ્ટ સ્લાઇડશો માટે જાવાસ્ક્રિપ્ટ કોડ વિસ્તારવા ઉન્નત જાવાસ્ક્રિપ્ટ પ્રોગ્રામર બની શકે Javascript કોર્સ W3C.com છે. હવે પગલું દ્વારા સરળ જાવાસ્ક્રિપ્ટ સ્લાઇડશો પગલું સુયોજિત કરવા માટે કેવી રીતે જુઓ.

1 જેએસ સ્લાઇડશો કોડ ઉદાહરણ થી પ્રારંભ

શરૂઆતથી Javascript સ્લાઇડશો કોડ લખવા માટે કોઈ જરૂર છે. અહીં એક છે Javascript સ્લાઇડશો ઉદાહરણ (1kb, ઝીપ) . ડાઉનલોડ કરો અને તમારા કમ્પ્યુટર પર બહાર કાઢવા. અમે ફક્ત તમારી જરૂરીયાતોને બંધબેસશે કરવા માટે તેને બદલી કરશે. તમે એક જાવાસ્ક્રિપ્ટ સ્લાઇડશો-example.html ફાઈલ મળશે.

2 છબી નામ, ઇમેજ પાથ બદલવા, ગતિ જોક્સ જેએસ

તમારા મનપસંદ લખાણ સંપાદક સાથે ખોલો અને ફાઈલમાં સમાવેશ નોંધો અનુસાર તેને બદલો.

  • સ્લાઇડ સમયગાળો બદલવા માટે, પર જાઓ slideShowspeed પરિમાણ.
  • વધુ છબીઓ ઉમેરો માત્ર કૉપિ કરો અને પેસ્ટ કરવા માટે [0] = '1.jpg' પી લાઇન અને સંલગ્ન એરે નંબર અને ઇમેજ ફાઇલ નામ બદલો. તમારી છબી એક ફોલ્ડર માં મૂકવામાં આવે છે, તો, દા.ત. છબીઓ, પી [0] = 'છબીઓ / 1.jpg' જેવા સંબંધિત પાથ ઉપયોગ કરે છે. તમે પણ અહીં ચોક્કસ છબી સરનામાંનો ઉપયોગ કરી શકે છે.

3 તમારા વેબ પૃષ્ઠ પર એમ્બેડ Javascript સ્લાઇડશો

હવે તમે એક એમ્બેડ કરવા માંગો છો વેબ પાનું ખોલો Javascript સ્લાઇડશો . કૉપિ કરો અને સમગ્ર <script> પેસ્ટ <head> અને </ head> વચ્ચે સ્થળ ટેગ. આ પાનું ઉમેરીને લોડ થયેલ છે જ્યારે પછી પાનાંના તમારા Javascript સ્લાઇડશો શરૂ કરવા દો onLoad = "javaSlideShow ()" <body> ટેગ લક્ષણ. છેલ્લે, જાવાસ્ક્રિપ્ટ પાનાંની જમણી સ્થાને દેખાય છે. આવું કરવા માટે, માત્ર તે પ્રયત્ન કરીશું જ્યાં <TABLE> અને </ ટેબલ> ટૅગ્સ વચ્ચે કોડ મૂકો.

4 સાચવો અને પૂર્વાવલોકન Javascript સ્લાઇડશો

ઠીક છે, તે અને પૂર્વદર્શન સાચવો. બધું યોગ્ય રીતે જાય, તો તમે જોઈ શકો છો આ જાવાસ્ક્રિપ્ટ સ્લાઇડશો .

ઉત્પાદન સંબંધિત પ્રશ્નો? અમારી સપોર્ટ ટીમ માટે સીધી વાત >>

ટોચના