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 વસ્તુ પૂર્વાવલોકન જોવા હોય તો, વેચાણ માટે WorldWideScripts.net વસ્તુ માતાનો રેન્ડરીંગ બધા કામ કરશે નહિં. તમે મુલાકાત જરૂર http://creativewebsites.me/pageAnimate/preview તે ક્રિયા જોવા માટે.

આવૃત્તિ 1.1 અપડેટ

આવૃત્તિ 1.1 બે નવા લક્ષણો સાથે આવે છે: દરેક સ્લાઇડ (હેશ ઉપયોગ સાથે) એક અનન્ય URL ને આપવા માટે ક્ષમતા અને એક ઓટો આગળ કાર્ય સતત બધા સ્લાઇડ્સ મારફતે સ્લાઇડર આપમેળે ચક્ર કે જેથી. બંને (હું કે કોઈપણ રીતે માગતા કોઈને કલ્પના કરી શકતો નથી) એ જ સમયે સક્રિય કરી શકાતી નથી.

તમે પહેલાંની આવૃત્તિ સ્થાપિત હોય છે અને તમે આ સંસ્કરણ પર અપડેટ કરો છો તો, તમે.pageAnimate એક વર્ગ છે કે DIV માં 'ડેટા સ્લાઇડ = "0"' લક્ષણ hardcode ખાતરી કરો કે. આની જેમ:

 <Div class = "pageAnimate" ડેટા સ્લાઇડ = "0"> </ div> 

પણ, તમે સ્લાઇડ ચાલુ બધા માટે નીચેની વર્ગ ઉમેરો કરવાની જરૂર પડશે: PageAnimate_trigger

જાવાસ્ક્રિપ્ટ શું અક્ષમ છે, તો?

આ પલ્ગઇનની મુખ્યત્વે જાવાસ્ક્રિપ્ટ પર ચાલે છે - પરંતુ જાવાસ્ક્રિપ્ટ શું અક્ષમ છે, તો? આ બદલવા માટે સ્લાઇડર નકામી છે (અને જે લોકો ફક્ત તમારા હોમપેજ જુઓ શકે!). ના, અલબત્ત નથી. તમે સ્લાઇડ પર જાઓ કે ટ્રિગર્સ માટે fallback 'href' કડી ઉમેરી શકો છો. જાવાસ્ક્રિપ્ટ અક્ષમ હોય છે ત્યારે, આ ટ્રિગર જો pageAnimate એક સ્લાઇડ પર જાઓ નહીં, પરંતુ માત્ર (તમે 'href' માં વ્યાખ્યાયિત થયેલ છે) બીજા પૃષ્ઠ પર સામાન્ય રીતે આગળ વધવું પડશે.

PageAnimate સ્લાઇડર અન્ય વેબ પાનાંઓ માંથી સામગ્રી ખેંચવાનો નથી?

ના, પ્લગઇન પોતે અન્ય વેબ પાનાંઓ માંથી સામગ્રી ખેંચવાનો નથી. તમે એજેક્સ અથવા PHP કોડ માત્ર થોડા લીટીઓ સાથે આવું કરી શકે છે, તેમ છતાં, સ્ક્રિપ્ટ પોતે કે વિધેય નથી અને દરેક સ્લાઇડ માતાનો / પૃષ્ઠની સામગ્રી જાતે ઉમેરી હોવું જ જોઈએ. એજેક્સ સાથે તમારા વેબ સર્વર માંથી સામગ્રી ખેંચવાનો, ફક્ત આ કોડ વાપરો:
 <Script type = "text / જાવાસ્ક્રિપ્ટ"> $ ('#slide_id_or_class ").તે લોડ (" http://www.yourserver.com/yourpage.html "); </ સ્ક્રિપ્ટ> 
(જસ્ટ તમે ઍડ કરવા માંગો છો કે જે pageAnimate સ્લાઇડ સીએસએસ ID અથવા વર્ગ "#slide_id_or_class બદલો)

તેથી હું કેવી રીતે આ બદલવા માટે સ્લાઇડર એક સ્લાઇડ પર જાઓ બનાવવા નથી?

: માત્ર આ કોડ ઉમેરો - તે સરળ ન હોઈ શકે
 <a class="pageAnimate_trigger pageAnimate_trigger1"> આ લખાણ 2 </a> સ્લાઇડ પર જશે 
વર્ગ નામ અંતમાં ઉમેરાઇ સંખ્યા નોટિસ? તે થોડી નંબર સ્લાઇડ એનિમેટેડ આવશે શું વ્યાખ્યાયિત કરે છે. જાવાસ્ક્રિપ્ટ બધું (અહીં મારી સાથે રીંછ) શૂન્ય આધારિત છે કારણ પરંતુ, અમે સ્લાઇડ નંબર બંધ કરવાની જરૂર ઓછા 1. "PageAnimate_trigger 3": અમે માંગો છો, તો, ઉદાહરણ તરીકે, આ બદલવા માટે સ્લાઇડર લખાણ ક્લિક થયેલ હોય ત્યારે, અમે આ વર્ગ ઉમેરો કરશે # 4 સ્લાઇડ પર જવા માટે. "PageAnimate_trigger 5": અમે સ્લાઇડર # 6 સ્લાઇડ પર જાઓ કરવા માંગો છો, અમે આ વર્ગ ઉમેરો કરશે. ઉપર સૂચવ્યા મુજબ, તમે JavaScript અક્ષમ છે ત્યારે જ અનુસરતા શકાય છે જે એન્કર ટેગ, પર એક લિંક ઉમેરી શકો છો. કે જેથી મુલાકાતીઓ હજુ પણ તેઓ જાવાસ્ક્રિપ્ટ અક્ષમ હોય તો તમારી સાઇટ પર અન્યત્ર ક્લોન પાનું જોવા માટે સમર્થ હશે થાય છે.

હું જાતે દરેક સ્લાઇડ લિંક ઉમેરવા માટે છે?

અંતે તમામ નથી - સ્ક્રિપ્ટ તમારા માટે બધા કામ કરે છે.

હું કેવી રીતે એક સામાન્ય સામગ્રી સ્લાઇડર નથી અને એક વેબ પેજમાં સ્લાઇડર બનાવી શકું?

સરળ છે - તમે શું બધા jQuery સ્ક્રિપ્ટ માટે 'સેટિંગ્સ' માં એક વાક્ય બદલી છે. તમે pageAnimate સ્લાઇડર માટે કન્ટેનર તરીકે DIV (અથવા અન્ય સમાન ટૅગ) હોય છે કરવાની જરૂર પડશે. ફક્ત સ્ક્રિપ્ટ કે DIV વ્યાખ્યાયિત કરે છે.

કોઇપણ સમસ્યાઓ અથવા બગ્સ હોય છે?

  1. બ્રાઉઝર વિન્ડો અથવા IE 8 બહાર ઝૂમ કરેલું હોય ત્યારે, સ્લાઇડ્સ આપમેળે સંપૂર્ણ સ્ક્રીન બની માપ બદલો નથી. હું એક ઉકેલ શોધવા માટે વયના માટે પ્રયત્ન કર્યો હતો, પરંતુ કરી શકો છો છે. ખરેખર વિન્ડો નાના અથવા મોટા dragged છે જો કે, જ્યારે તેઓ પુન: માપ કરવા. આ IE8 પર અને બહાર ઝૂમ ઘણા બધા લોકો ત્યાં હશે નહિં કારણ કે IE 8 આ એક મોટી સોદો ન હોવી જોઈએ અનન્ય છે.
  2. JQuery 1.8.1 વાપરી રહ્યા હોય, ફાયરફોક્સ ઘણા ટ્રિગર્સ ઝડપી ઉત્તરાધિકાર માં ક્લિક કરી રહ્યા હોય ત્યારે થીજી. JQuery 1.7.2 સાથે દંડ કામ કરે છે.
  3. આ બદલવા માટે સ્લાઇડર સંશોધક સંપૂર્ણપણે તમે સ્માર્ટફોન પર ઝૂમ જ્યારે તોડી પાડે છે. આ તમારા HTML દસ્તાવેજનાં <head> વિભાગમાં આ કોડ ઉમેરીને સુધારાઈ શકાય છે:
     <"મહત્તમ પાયે = 1 પહોળાઈ = ઉપકરણ પહોળાઈ; પ્રારંભિક પાયે = 1" મેટા નામ = સામગ્રી = "વ્યૂપોર્ટ"> 
  4. આ બદલવા માટે સ્લાઇડર એનિમેશન જૂના સ્માર્ટફોન પર થોડી બીકણ હોઈ શકે છે - તે ખૂબ ખરાબ નથી છતાં.

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

ગુણધર્મો

બનાવનાર:
13 નવેમ્બર 12

છેલ્લા સુધારાની તારીખ:
18 13 મે

હાઇ ઠરાવ:
હા

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

ફાઈલો:
જાવાસ્ક્રિપ્ટ જેએસ, એચટીએમએલ, સીએસએસ

સોફ્ટવેર આવૃત્તિ:
jQuery

કીવર્ડ્સ

ઈકોમર્સ, ઈકોમર્સ, તમામ વસ્તુઓ, સીએસએસ, HTML, જાવાસ્ક્રિપ્ટ, jQuery, jQuery સ્લાઇડર, પાનું સ્લાઇડર, pageAnimate, પૃષ્ઠ ક્રમાંકન, રોયલ સ્લાઇડર, સ્લાઇડર