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 அழகாக வேலை என்பதால் மற்ற ஸ்லைடர்களை விட சிறந்த உள்ளது!

குறிப்பு: நீங்கள் ஒரு மொபைல் உலாவியில் ஜாவா முன்னோட்ட பார்க்க என்றால், லாஸ்ட் ஒழுங்கமைவு அனைத்து இயங்காது. நீங்கள் பார்க்க வேண்டும் http://creativewebsites.me/pageAnimate/preview நடவடிக்கை பார்க்க வேண்டும்.

பதிப்பு 1.1 மேம்படுத்தல்

பதிப்பு 1.1 இரண்டு புதிய அம்சங்கள் வருகிறது: ஒவ்வொரு ஸ்லைடு (புல பயன்படுத்தி) ஒரு தனிப்பட்ட URL கொடுக்க திறன் மற்றும் ஒரு கார் முன்னேறும் செயல்பாடு தொடர்ந்து அனைத்து ஸ்லைடுகளை மூலம் ஸ்லைடர் தானாக சுழற்சிகள் என்று. இருவரும் (நான் எப்படியும் வேண்டும் என்று யாரும் நினைக்க முடியாது) அதே நேரத்தில் செயல்படுத்த முடியாது.

நீங்கள் முந்தைய பதிப்பு நிறுவப்பட்ட மற்றும் நீங்கள் இந்த பதிப்பை மேம்படுத்த என்றால், நீங்கள்.pageAnimate ஒரு வர்க்கம் உள்ளது என்று கிராம ஒரு 'தரவு ஸ்லைடு = "0"' பண்பு hardcode என்று உறுதி. இதனை போல:

 <Div class = "pageAnimate" தரவு ஸ்லைடு = "0"> </ span> 

மேலும், நீங்கள் ஸ்லைடு தூண்டுகிறது அனைத்து பின்வரும் வர்க்கம் சேர்க்க வேண்டும்:.pageAnimate_trigger

ஜாவா என்ன முடக்கப்பட்டது என்றால்?

இந்த சொருகி ஜாவா முதன்மையாக இயங்கும் - ஆனால் இங்கு என்ன முடக்கப்பட்டுள்ளது என்றால்? ஸ்லைடர் பயனற்றது (அந்த மக்கள் மட்டுமே உங்கள் முகப்பு பார்க்க முடியும்!). இல்லை, நிச்சயமாக இல்லை. நீங்கள் ஒரு ஸ்லைடு சென்று அந்த தூண்டுதல்களுக்கு ஒரு குறைவடையும் 'படம்' இணைப்பை சேர்க்க முடியும். இங்கு செயலிழந்து போது, இந்த தூண்டுதல் pageAnimate ஒரு ஸ்லைடு செல்ல மாட்டேன், ஆனால் வெறும் (நீங்கள் 'படம்' வரையறுக்கப்பட்ட இது) மற்றொரு பக்கம், வழக்கமான முறையில் தொடர வேண்டும்.

PageAnimate ஸ்லைடர் மற்ற வலை பக்கங்கள் உள்ளடக்கத்தை இழுக்க?

இல்லை, சொருகி தன்னை மற்ற வலை பக்கங்களில் இருந்து உள்ளடக்கத்தை இழுக்க முடியாது. நீங்கள் அஜாக்ஸ் அல்லது PHP குறியீடு மட்டுமே ஒரு சில வரிகளை அதை செய்ய முடியும் என்றாலும், ஸ்கிரிப்ட் தன்னை அந்த செயல்பாடு இல்லை மற்றும் ஒவ்வொரு ஸ்லைடு / பக்கம் உள்ளடக்கத்தை கைமுறையாக சேர்க்க வேண்டும். அஜாக்ஸ் உங்கள் வலை சர்வர் உள்ளடக்கத்தை இழுக்க, இந்த குறியீடு பயன்படுத்த:
 <ஸ்கிரிப்ட் வகை = "உரை / JavaScript"> $ ("#slide_id_or_class").load ("Http://www.yourserver.com/yourpage.html"); </ ஸ்கிரிப்ட்> 
(நீங்கள் சேர்க்க வேண்டும் என்று pageAnimate ஸ்லைடு CSS ஐடி அல்லது வர்க்க "#slide_id_or_class மாற்ற)

அதனால் நான் எப்படி ஸ்லைடர் ஒரு படவில்லை செல்ல செய்வது?

: இந்த குறியீடு சேர்க்க - அது எளிதாக இருக்க முடியாது
 <a class="pageAnimate_trigger pageAnimate_trigger1"> இந்த உரை 2 </a> சரிய போக 
வர்க்கம் பெயர் இறுதியில் சேர்க்கப்படும் எண் அறிவிப்பு? அந்த சிறிய எண் ஸ்லைடு அனிமேஷன் என்ன வரையறுக்கிறது. இங்கு உள்ள எல்லாம் (இங்கே எனக்கு தாங்க) பூஜ்யம் சார்ந்த என்பதால், ஸ்லைடு எண் ஆஃப் வேண்டும் மைனஸ் 1. "PageAnimate_trigger 3": நாம் விரும்பினால், அதனால் உதாரணமாக, ஸ்லைடர் உரை சொடுக்கும் போது, நாம் இந்த வர்க்க சேர்க்க வேண்டும் # 4 சரிய செல்ல. "PageAnimate_trigger 5": நாங்கள் ஸ்லைடர் # 6 சரிய போக வேண்டும் என்றால், நாம் இந்த வர்க்க சேர்க்க வேண்டும். மேலே குறிப்பிட்டுள்ள, நீங்கள் இங்கு முடக்கப்பட்டுள்ளது போது மட்டுமே தொடர்ந்து முடியும் நங்கூரம் டேக், ஒரு இணைப்பை சேர்க்க முடியும். அதனால் பார்வையாளர்கள் இன்னும் அவர்கள் JavaScript முடக்கப்பட்டுள்ளது என்றால், உங்கள் தளத்தில் வேறு ஒரு க்ளான் பக்கம் பார்க்க முடியும் என்பதாகும்.

நான் கைமுறையாக ஒவ்வொரு படவில்லை ஒரு இணைப்பை சேர்க்க வேண்டும்?

- இல்லவே ஸ்கிரிப்ட் நீங்கள் அனைத்து வேலை செய்கிறது.

எப்படி நான் இந்த ஒரு சாதாரண உள்ளடக்கம் ஸ்லைடர் மற்றும் ஒரு வலை பக்கம் ஸ்லைடர் ஒரு செய்ய?

எளிதாக - நீங்கள் செய்ய அனைத்து jQuery ஸ்கிரிப்ட் 'அமைப்புகள்' ஒற்றை வரியை மாற்ற உள்ளது. நீங்கள் pageAnimate ஸ்லைடர் ஒரு கொள்கலன் ஒரு கிராம (அல்லது மற்றொரு போன்ற டேக்) வேண்டும் வேண்டும். வெறுமனே ஸ்கிரிப்ட் என்று கிராம வரையறுக்க.

எந்த பிரச்சினைகள் அல்லது பிழைகள் உள்ளனவா?

  1. உலாவி சாளரத்தில் அல்லது IE 8 வெளியே காண்பிக்க போது, சரிவுகள் தானாக முழு திரையில் ஆக அளவை. நான் ஒரு தீர்வு காண வயது முயற்சி, ஆனால் முடியாது. உண்மையான சாளரத்தின் சிறிய அல்லது பெரிய இழுத்து போது எனினும், அவர்கள் அளவை. இந்த IE8 மீது வெளியே பெரிதாக்க பல மக்கள் இருக்காது என்பதால் IE 8 இந்த ஒரு பெரிய ஒப்பந்தம் கூடாது தனிப்பட்ட உள்ளது.
  2. JQuery, 1.8.1 பயன்படுத்தும் போது, பயர்பாக்ஸ் பல தூண்டுதல்கள் விரைவான அடுத்தடுத்து சொடுக்கும் போது செயலிழக்கிறது. JQuery 1.7.2 நன்றாக வேலை செய்கிறது.
  3. ஸ்லைடர் வழிசெலுத்தல் முற்றிலும் நீங்கள் ஒரு ஸ்மார்ட்போன் பெரிதாக்கவும் போது உடைக்கிறது. இந்த உங்கள் HTML ஆவணம் <head> பிரிவில் இந்த குறியீடு சேர்ப்பதன் மூலம் சரி செய்ய முடியும்:
     <"அதிகபட்ச அளவு = 1 அகலம் = சாதனம் அகல; ஆரம்ப அளவு = 1" மெட்டா பெயர் = உள்ளடக்கத்தை = "காட்சியும்"> 
  4. ஸ்லைடர் அனிமேஷன் பழைய ஸ்மார்ட்போன்கள் ஒரு சிறிய மிரண்டு குதி இருக்கலாம் - அது மிக மோசமான இல்லை என்றாலும்.

பதிவிறக்க
இந்த பிரிவில் மற்ற கூறுகள்இந்த எழுத்தாளர் அனைத்து கூறுகளும்
Commentsஅடிக்கடி கேள்விகள் மற்றும் பதில்கள் கேட்டார்

பண்புகள்

உருவாக்கப்பட்டது:
13 நவம்பர் 12

கடைசியாக புதுப்பிக்கப்பட்டது:
18 மே 13

உயர் தீர்மானம்:
ஆம்

தகுதியானதா உலாவிகள்:
IE6, IE7, IE8, IE9, IE10, பயர்பாக்ஸ், சபாரி, ஓபரா, குரோம்

கோப்புகள்:
ஜாவா JS, HTML, CSS,

மென்பொருள் பதிப்பு:
jQuery,

முக்கிய வார்த்தைகள்

இணையவழி, இணையவழி, அனைத்து பொருட்கள், CSS, HTML, ஜாவாஸ்கிரிப்ட், jQuery, jQuery ஸ்லைடர், பக்கம் ஸ்லைடர், pageAnimate, மண்பாண்டம், அரச ஸ்லைடர், ஸ்லைடர்