আমি মাহমুদুল হাসান সরল ডিভাইন কোডার টিম এর পক্ষ থেকে আপনাদের সবাইকে আজকের এই টিউনে স্বাগতম জানাচ্ছি । আজ আমি আপনাদের কে দেখাব কিভাবে জেকুয়েরি দিয়ে একটি ফুলস্কিন ওয়েব সাইট তৈরি করবেন । ডেমো দেখতে এখানে ক্লিক করুন সাইটটি ওপেন হওয়ার পর দেখুন উপরের কোনায় একটি আইকন আছে ওটাতে ক্লিক করুন দেখুন সাইটটি ফুল স্কিন হয়ে গেছে । তো চলুন আমরা হাতে কলমে এই জিনিসটি তৈরি করা শিখে ফেলি ।
সবার প্রথমে আমরা দেখব কি করে জেকুয়েরি ফাইল কে লিঙ্ক করাতে হয় । এর জন্য আমরা নিচের কোড টুকু আমাদের এইচটিএমএল ফাইলে জুড়ে দিব ।
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script type="text/javascript" src="/path/to/jquery.fullscreen-0.4.1.js"> </script>
এখন আমরা একটু জাভাস্ক্রিট লিখব ওপেন ক্লোজ বাটন এর জন্য
<script type="text/javascript"> $(function() { $('.open').click(function() { $('body').fullscreen(); return false; }); $('.close').click(function() { $.fullscreen.exit(); return false; }); }); </script>
এখন আমরা প্যারাগ্রাফ ট্যাগ নিয়ে দুটি লিঙ্ক তৈরি করব
<p> <a href="#" class="open">Open Fullscreen</a> <a href="#" class="close">Exit fullscreen</a> </p>
এখন আমরা উপরের কোড টুকু একটি এইচটিএমএল ফাইলে অ্যাড করে নিব
<!DOCTYPE HTML> <html lang="en-US"> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script type="text/javascript" src="/pah/to/jquery.fullscreen-0.4.1.js"> </script> <script type="text/javascript"> $(function() { $('.open').click(function() { $('body').fullscreen(); return false; }); $('.close').click(function() { $.fullscreen.exit(); return false; }); }); </script> </head> <body> <p> <a href="#" class="open">Open Fullscreen</a> / <a href="#" class="close">Exit fullscreen</a> </p> </body> </html>
সোর্স ফাইল টি ডাউনলোড করতে এখানে ক্লিক করুন
আমাদের ফ্রীল্যান্সিং, ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্ট সম্পর্কিত ফেসবুক হেল্প পেজে যেতে এখানে ক্লিক করুন ।
আমি মাহমুদুল হাসান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 44 টি টিউন ও 25 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
প্রিয় টিউনস a add korlam