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 একটি বর্গ যে DIV মধ্যে 'তথ্য-স্লাইড = "0"' অ্যাট্রিবিউট hardcode তা নিশ্চিত করুন. তাই ভালো:

 <Div class = "pageAnimate" তথ্য-স্লাইড = "0"> </ p> 

এছাড়াও, আপনি স্লাইড আরম্ভ করে সব করতে নিম্নলিখিত বর্গ যোগ করতে হবে:.pageAnimate_trigger

জাভাস্ক্রিপ্ট কি নিষ্ক্রিয় করা হলে?

এই প্লাগ প্রাথমিকভাবে জাভাস্ক্রিপ্ট চালায় - কিন্তু দয়া করে জাভাস্ক্রিপ্ট কি নিষ্ক্রিয় করা হয় তাহলে কি হবে? স্লাইডার অনর্থক (এবং মানুষ যে শুধুমাত্র আপনার হোমপেজে দেখতে পারেন!). না অবশ্যই না. আপনি একটি স্লাইডে যেতে পারে ট্রিগার যাও ফলব্যাক 'আল্লাহ' লিঙ্ক যুক্ত করতে পারেন. জাভাস্ক্রিপ্ট নিষ্ক্রিয় করা হয়, তাই যখন এই ট্রিগার pageAnimate একটি স্লাইডে যেতে হবে না, কিন্তু শুধু (আপনি 'href' সংজ্ঞায়িত করে) অন্য পৃষ্ঠায় স্বাভাবিক ভাবে এগিয়ে যেতে হবে.

PageAnimate স্লাইডার অন্যান্য ওয়েব পেজ থেকে বিষয়বস্তু টান দেয়?

কোন প্লাগিন নিজেই অন্যান্য ওয়েব-পেজ থেকে বিষয়বস্তু টান না. আপনি Ajax বা পিএইচপি কোড মাত্র কয়েক লাইন যে কাজ করতে পারে, যদিও স্ক্রিপ্ট নিজেই যে কার্যকারিতা নেই এবং প্রতিটি স্লাইড এর / পৃষ্ঠা এর কন্টেন্ট যোগ করা আবশ্যক. Ajax সঙ্গে আপনার ওয়েব সার্ভার থেকে এড়িয়ে টান, শুধু এই কোড ব্যবহার করুন:
 <স্ক্রিপ্ট টাইপ = "টেক্সট / JavaScript"> $ ("#slide_id_or_class") লোড ("http://www.yourserver.com/yourpage.html"); </ Script> 
(শুধু আপনি যোগ করতে চান যে pageAnimate স্লাইড সিএসএস আইডি বা বর্গ "#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. ব্রাইজার উইণ্ডোয় বা অর্থাত্ 8 আউট জুম করা হয়, স্লাইড স্বয়ংক্রিয়ভাবে পুরো পর্দা হয়ে মাপ পরিবর্তন না. আমি একটা সমাধান খুঁজে পেতে বয়সের জন্য চেষ্টা করেছি, কিন্তু করা যাবে না করেছি. প্রকৃত উইন্ডো ছোট বা বড় টেনেছেন করা হলে তিনি বলেন, তারা মাপ পরিবর্তন. এই IE8 নেভিগেশন zooming ইন ও আউট অনেকগুলি মানুষ সেখানে হবে না, যেহেতু ইন্টারনেট থেকে 8 এই একটি বড় চুক্তি করা উচিত হবে অনন্য.
  2. JQuery এর 1.8.1 ব্যবহার করে, ফায়ারফক্স অনেক ট্রিগার দ্রুত পারম্পর্য মধ্যে ক্লিক করা হয় তখন স্থির. JQuery এর 1.7.2 সঙ্গে কাজ করে জরিমানা.
  3. স্লাইডার এর গৌণ সম্পূর্ণরূপে আপনি একটি স্মার্টফোনের উপর জুম যখন ভেঙ্গে নিচে. এটি আপনার HTML নথি <head> অধ্যায় এই কোড যুক্ত করে সংশোধন করা যেতে পারে:
     <"সর্বোচ্চ মাপের = 1 প্রস্থ = ডিভাইস প্রস্থ; প্রাথমিক স্কেল = 1" meta name = কন্টেন্ট = "ভিউপোর্ট"> 
  4. স্লাইডার এর অ্যানিমেশন পুরোনো স্মার্টফোনের উপর একটু লাফানে হতে পারে - এটা খুব খারাপ না যদিও.

ডাউনলোড করুন
এই বিষয়শ্রেণীতে অন্তর্ভুক্ত অন্যান্য উপাদানএই লেখকের সব উপাদান
মন্তব্যপ্রায়শই জিজ্ঞাসা করা প্রশ্ন এবং উত্তর

বৈশিষ্ট্য

নির্মিত:
13 নভেম্বর 12

সর্বশেষ আপডেট:
18 মে 13

উচ্চ মানের:
হাঁ

সামঞ্জস্যপূর্ণ ব্রাউজার:
IE6, IE7, IE8, IE9, IE10, ফায়ারফক্স, সাফারি, অপেরা, ক্রোম

ফাইল:
জাভাস্ক্রিপ্ট জাতীয়, এইচটিএমএল, সিএসএস

সফ্টওয়্যার সংস্করণ:
jQuery এর

নাম. মূলশব্দ

ইকমার্স, ইকমার্স, সকল প্রকার, সিএসএস, এইচটিএমএল, জাভাস্ক্রিপ্ট, jQuery, jQuery স্লাইডার, পাতা স্লাইডার, pageAnimate, পত্রাঙ্কন, রয়েল স্লাইডার, স্লাইডার