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

Vertical Sidebar Gallery - jQuery Slider

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

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

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


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

વર્ટિકલ સાઇડબાર ગેલેરી એક jQuery પ્લગઇન અને થીમ નમૂનાઓ ત્રણ પરિભ્રમણ આધારિત સાથે stunning ઊભી ઇમેજ બદલવા માટે સ્લાઇડર બનાવી છે. વર્ટિકલ સાઇડબાર ગેલેરી તમારી વેબસાઇટ માતાનો સાઇડબાર માટે એક આદર્શ સાથી છે. તમે એક છબી ગેલેરી અથવા ફીચર્ડ પોસ્ટ scroller તરીકે તેનો ઉપયોગ કરી શકો છો. મર્યાદિત જગ્યામાં સામગ્રી અમર્યાદિત રકમ મૂકો! તમે ફક્ત તમારા સામગ્રી HTML જનરેટ કરવા માટે જરૂર છે અને ગેલેરીમાં બાકીના કરશે. તે સાહજિક, ટ્રેન્ડી છે, અને કોઇ પણ વેબસાઇટ વપરાશકર્તા અનુભવ વધારવા કરશે.

પ્લગઇન ઉપયોગ કેવી રીતે કરવો? મૂળભૂત રીતે તમે basic.html ફાઇલ સાથે શરૂ કરી શકો છો. 1 નકલ basic.html ફાઇલ માંથી એચટીએમએલ (વચ્ચે... ટૅગ્સ કોડ). <લિંક rel = "સ્ટાઇલશીટ" href = "CSS / style.css" પ્રકાર = "ટેક્સ્ટ / CSS" /> 3 necessare જાવાસ્ક્રિપ્ટ ફાઇલો સમાવેશ થાય છે: <script src = "જેએસ / jQuery 2. ગેલેરી શૈલી શૈલી સમાવેશ -1.7.1.min.js "> </ સ્ક્રિપ્ટ> <script src =" જેએસ / jQuery-mousewheel-3.0.6 / jquery.mousewheel.min.js "> </ સ્ક્રિપ્ટ> <script src =" જેએસ / flowslider.jquery.js "> </ સ્ક્રિપ્ટ> <script src =" જેએસ / vsg.flowslider.jquery.js "> </ સ્ક્રિપ્ટ> 4. પ્રારંભ jQuery પ્લગઇન ફોન દ્વારા ગેલેરી મદદથી. <script> jQuery () તૈયાર ( કાર્ય ($) {$ ( "vsg-કામળો.") VerticalSidebarGallery ();.}); </ સ્ક્રિપ્ટ>

કસ્ટમાઇઝ કરવા માટે તમારા ગેલેરી નીચેના વિકલ્પો ઉપયોગ:. <script> jQuery () તૈયાર (કાર્ય ($) {$ ( "vsg-કામળો.") VerticalSidebarGallery ({ઉપસર્ગ:. "vsg", // CSS વર્ગ ઉપસર્ગ showHoverBars: સાચું, શું // ઉપર ડાબી હોવર મેનુ rotateVertical બતાવવા માટે સાચું છે, કે શું // ઊભી પરિભ્રમણ rotateHorizontal: વાપરવા માટે, સાચા છે કે કેમ તે // આડી પરિભ્રમણ rotateThumbnails વાપરવા માટે, સાચા છે કે કેમ તે // થંબનેલ રોટેશન વાપરવા માટે optionsSliderHorizontal : {}, આડી સ્લાઇડર optionsSliderVertical માટે // ફ્લો સ્લાઇડર વિકલ્પો: {} // ઊભી સ્લાઇડર્સનો optionsSliderThumbnail માટે ફ્લો સ્લાઇડર વિકલ્પો: {} // ફ્લો સ્લાઇડર થંબનેલ સ્લાઇડર્સનો માટે વિકલ્પો});}); </ સ્ક્રિપ્ટ>

સારી ફ્લો સ્લાઇડર માતાનો વિકલ્પ સમજવા માટે તમે તેના વેબસાઇટ ની મુલાકાત લો કરવા માટે પ્રોત્સાહિત કરવામાં આવે છે. ઉદાહરણ તરીકે, એનિમેશન વિના તેની સ્થિતિ બદલવા માટે સ્લાઇડર આડી બનાવવા માટે, પરંતુ તરત જ, ફક્ત optionsSliderHorizontal સુયોજિત: {એનિમેશન: "કંઈ નહિં"}

કસ્ટમાઇઝ કરવા માટે તમારા ગેલેરી વર્ટિકલ ચિત્રખંડ સ્થાપિત પાંચ ડિઝાઇન થીમ્સ સાથે આવે છે. .vsg-threadless, vsg-ક્લોઝઅપ, vsg ઘાસ, અથવા vsg-કોમ્બો: જસ્ટ ત્વચા વર્ગના એક સાથે સ્લાઇડર પર એક તત્વ બનાવો. પરંતુ હેય, જો તમે તમારી ડિઝાઇન શોધવા નથી તે હજુ પણ તમારા પોતાના દેખાવ બનાવવા માટે સરળ છે. માત્ર સીએસએસ ત્વચા ફાઈલો એક રંગો સુધારો.

તમારી સ્લાઇડર કદ તમે કોઈપણ પહોળાઈ જો તમે ઈચ્છો પર ઊભું સાઇડબાર ગેલેરી પટ કરી શકે છે બદલો. પાંચ પહોળાઈ વિકલ્પો તમારા માટે સ્થાપિત થયેલ છે:.vsg 180, vsg 200, vsg 250, vsg 300. અથવા કદ સીએસએસ ફાઈલો એક કસ્ટમાઇઝ કરીને તમારા પોતાના કદ બનાવો.

મલ્ટી થંબનેલ્સ થંબનેલ માટે એક કરતાં વધુ છબી ઉમેરો અને અનંત ઇમેજ ચક્રાકાર ફેરવવાનું યંત્ર તે છબીઓ મારફતે સરકાવવા માટે બનાવવામાં આવશે.

3-માં -1 સ્લાઇડર ત્રણ સ્લાઇડર્સનો શક્તિ આ ઢાંચો: આડી પેનલ સ્લાઇડર, વર્ટિકલ થંબનેલ સ્લાઇડર, અને આડી ઇમેજ ચક્રાકાર ફેરવવાનું યંત્ર કે.

ટોચની સંશોધક બટનો પર ક્લિક અથવા ઉપર ડાબી સંશોધક દંતકથા ફેલાયેલ દ્વારા ટોચની પેનલ સ્લાઇડ.

માઉસ વ્હીલ બદલવા માટે સ્લાઇડર પર તમારા કર્સરને મૂકો માઉસ સ્ક્રોલ વ્હીલ મદદથી ટોચની પેનલ સામગ્રી સરકાવવા માટે.

બ્રાઉઝર URL ને હેશ સાથે ગેલેરીઓ મારફતે કંટ્રોલર નેવિગેટ હેશ. ઉદાહરણ તરીકે, આ પૃષ્ઠનો URL માટે # 3 ઉમેરો અને તે તાજું કરો.

ફાયરફોક્સ, ઈન્ટરનેટ એક્સપ્લોરર, ક્રોમ, સફારી, ઓપેરા: બ્રાઉઝર આધાર વર્ટિકલ છબી ગેલેરી જેમ, બધા મુખ્ય બ્રાઉઝર્સ આધાર આપે છે. CSS3 અનુવાદ

CSS3 સંક્રમણ મિલકત આધાર આપે છે. હાર્ડવેર પ્રવેગક CSS3 સંક્રમણો સાથે સ્લાઇડર બનાવો.

ફ્લો સ્લાઇડર આ નમૂનો ફ્લો સ્લાઇડર મુક્ત jQuery પ્લગઇન છે, કે જે endlesly વૈવિધ્યપૂર્ણ છે અને બારણું દોષરહિત ખાતરી દ્વારા સંચાલિત થાય છે.

કસ્ટમાઇઝ પ્લગઇન વિકલ્પ બદલીને જ્યારે આ jQuery પ્લગઇન ઉપયોગ દ્વારા ગેલેરી તમામ સુવિધાઓ કસ્ટમાઇઝ કરો.


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

ગુણધર્મો

બનાવ્યું:
23 માર્ચ 12

છેલ્લો સુધારો:
23 માર્ચ 12

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

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

સોફ્ટવેર આવૃત્તિ:
અન્ય, jQuery

કીવર્ડ્સ

ઈકોમર્સ, ઈકોમર્સ, બધા વસ્તુઓ, કેરોયુઝલ, ગેલેરી, છબી, ઈન્ટરફેસ, જાવાસ્ક્રિપ્ટ જેએસ, jQuery, માઉસ ચાલ, ચિત્ર, માં નાખો, પૂર્વાવલોકન, ચક્રાકાર ફેરવવાનું યંત્ર કે, સ્લાઇડર, થંબનેલ, UI, ઊભી