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 میں خوبصورتی سے کام کرتا کے بعد دوسرے sliders سے شاید بہتر ہے!

نوٹ: آپ کو ایک موبائل براؤزر میں پیش نظارہ کو دیکھنے کے لئے CodeCanyon تو، زمرہ کی انجام بالکل کام نہیں کرے گا. آپ کا دورہ کرنے کی ضرورت http://creativewebsites.me/pageAnimate/preview کارروائی میں اسے دیکھنے کے لئے.

ورژن 1.1 اپ ڈیٹ

ورژن 1.1 دو نئی خصوصیات کے ساتھ آتا ہے: ہر سلائڈ (ہیش کے استعمال کے ساتھ) ایک منفرد یو آر ایل کو دینے کے لئے کی صلاحیت اور ایک آٹو کو آگے بڑھانے تقریب مسلسل تمام سلائیڈوں کے ذریعے سلائیڈر خود کار طریقے سائیکل تاکہ. دونوں (مجھے لگتا ہے کہ ویسے بھی چاہتے ہیں کہ کسی کے بارے میں سوچنا نہیں کر سکتے ہیں) ایک ہی وقت میں فعال نہیں کیا جا سکتا.

آپ نے پچھلے ورژن انسٹال ہے اور آپ اس ورژن پر اپ ڈیٹ ہے، آپ .pageAnimate کی ایک کلاس ہے کہ div میں 'ڈیٹا سلائڈ = "0"' وصف hardcode اس بات کو یقینی بنانے کے. تو جیسے:

  <div کلاس = "pageAnimate" ڈیٹا سلائڈ = "0"> </ DIV> 

اس کے علاوہ، آپ سلائڈ تحریک سب کے لئے مندرجہ ذیل کلاس شامل کرنے کے لئے ضرورت ہو گی: .pageAnimate_trigger

جاوا اسکرپٹ غیر فعال ہے تو کیا؟

یہ پلگ ان جاوا سکرپٹ کو بنیادی طور پر چلتا ہے - لیکن جاوا سکرپٹ کو غیر فعال کر دیا ہے؟ سلائیڈر بیکار ہے (اور یہ کہ لوگ صرف اپنا مرکزی صفحہ دیکھ سکتے ہیں کا مطلب ہے!). نہیں، بالکل نہیں. آپ کو ایک سلائڈ کے لئے جانا ہے کہ حملہ کرنے کے لئے ایک fallback 'href کی' لنک شامل کر سکتے. جاوا اسکرپٹ غیر فعال ہے جب، اس ٹرگر pageAnimate میں ایک سلائڈ میں نہیں جائیں گے، لیکن صرف (آپ 'href کی' میں بیان کیا ہے) کسی دوسرے صفحے پر معمول کے راستے میں جاری رہے گی.

pageAnimate سلائیڈر دیگر ویب صفحات سے مواد ھیںچو ہے؟

نہیں، پلگ ان خود دیگر ویب صفحات سے مواد ھیںچو نہیں کرتا. آپ AJAX یا پی ایچ پی کوڈ کے صرف چند لائنوں کے ساتھ ایسا کر سکتا ہے اگرچہ، سکرپٹ خود اس کی فعالیت نہیں ہے اور ہر ایک سلائڈ کی / صفحہ کے مواد کو دستی طور پر شامل کیا جانا چاہیے. ایجیکس کے ساتھ اپنے ویب سرور سے مواد ھیںچو کرنے، بس اس کوڈ کو استعمال کرتے ہیں:
  <سکرپٹ قسم = "متن / جاوا اسکرپٹ">  $ ("#slide_id_or_class") .load ("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 سلائڈ پر جانے کے لئے چاہتے ہیں تو ہمیں اس کلاس کا اضافہ کریں گے. جیسا کہ اوپر بیان، آپ کو جاوا سکرپٹ کو غیر فعال ہے جب صرف کے بعد کیا جا سکتا ہے اینکر ٹیگ، میں ایک لنک شامل کر سکتے ہیں. تاکہ زائرین ابھی تک وہ بھی جاوا اسکرپٹ غیر فعال ہے تو آپ کی ویب سائٹ پر دوسری جگہوں پر ایک کلون صفحے کو دیکھنے کے لئے قابل ہو جائے گا کا مطلب ہے.

میں دستی طور پر ہر سلائڈ میں ایک لنک شامل کرنے کے لئے ہے؟

بالکل نہیں - سکرپٹ آپ کے لئے کام کرتا ہے.

میں کس طرح یہ ایک عام مواد سلائیڈر اور ایک ویب پیج سلائیڈر میں کروں؟

آسان - تم کرتے ہو سب jQuery سکرپٹ کی ترتیبات 'میں ایک لائن کو تبدیل ہے. تم pageAnimate سلائیڈر کے لئے ایک کنٹینر کے طور پر ایک div (یا کسی اور طرح ٹیگ) کی ضرورت ہو گی. بس سکرپٹ میں کہ div کی وضاحت.

کسی بھی مسائل یا کیڑے ہوتے ہیں؟

  1. براؤزر ونڈو میں یا IE 8 میں باہر یکبر کیا جاتا ہے، خود کار طریقے سے سلائڈ فل سکرین بننے کے لئے سائز تبدیل نہیں کرتے. میں نے ایک حل تلاش کرنے کے لئے عمر کے لئے کی کوشش کی، لیکن نہیں کر سکتے ہیں. اصل ونڈو چھوٹے یا بڑے گھسیٹا جاتا ہے جب تاہم، وہ کا سائز تبدیل کریں. یہ IE8 پر اندر اور باہر zooming بہت سے لوگوں کو نہیں ہو گا کے بعد یعنی 8.یہ ایک بڑا سودا نہیں ہونا چاہئے منفرد ہے.
  2. jQuery کے 1.8.1 کا استعمال کرتے ہوئے، فائر فاکس بہت محرکات فوری جانشینی میں کلک کر رہے ہیں جب منجمد. jQuery کی 1.7.2 کے ساتھ ٹھیک کام کرتا ہے.
  3. سلائیڈر کی نیویگیشن مکمل طور پر آپ کو ایک smartphone پر میں زوم جب نیچے ٹوٹ جاتا ہے. یہ آپ کے HTML دستاویز کی <head> سیکشن اس کوڈ انہوں نے مزید کہا کی طرف سے مقرر کیا جا سکتا ہے:
      <"زیادہ سے زیادہ پیمانے پر = 1 چوڑائی = آلہ چوڑائی؛ ابتدائی پیمانے = 1" میٹا نام = مواد = "ویوپورٹ"> 
  4. سلائیڈر کی حرکت پذیری پرانے اسمارٹ فونز پر تھوڑا jumpy ہونا ہو سکتا ہے - یہ بھی برا نہیں ہے اگرچہ.

ڈاؤن لوڈ، اتارنا
اس زمرے میں دیگر اجزاءاس مصنف کے تمام اجزاء
تبصرہاکثر سوالات اور جوابات سے پوچھا

پراپرٹیز

پیدا کیا:
13 نومبر 12

آخری اپ ڈیٹ:
18 مئی 13

بهترین ریزولوشن:
جی ہاں

ہم آہنگ براؤزر:
IE6، IE7، IE8، IE9، IE10، فائر فاکس، سفاری، اوپیرا، کروم

فائلیں:
جاوا اسکرپٹ جے ایس، ایچ ٹی ایم ایل، سی ایس ایس

سافٹ ویئر ورژن:
jQuery کے

مطلوبہ الفاظ

ای کامرس, ای کامرس, تمام اشیاء, سی ایس ایس, ایچ ٹی ایم ایل, جاوا, jQuery کے, jQuery سلائیڈر, صفحہ سلائیڈر, pageAnimate, صفحہ بندی, رائل سلائیڈر, سلائیڈر