জেকুয়েরি দিয়ে তৈরি করুন ফুল ক্রীন ওয়েব সাইট

আমি মাহমুদুল হাসান সরল ডিভাইন কোডার টিম এর পক্ষ থেকে আপনাদের সবাইকে আজকের এই টিউনে স্বাগতম জানাচ্ছি । আজ আমি আপনাদের কে দেখাব কিভাবে জেকুয়েরি দিয়ে একটি ফুলস্কিন ওয়েব সাইট তৈরি করবেন । ডেমো দেখতে এখানে ক্লিক করুন    সাইটটি ওপেন হওয়ার পর দেখুন উপরের কোনায় একটি আইকন আছে ওটাতে ক্লিক করুন দেখুন সাইটটি ফুল স্কিন হয়ে গেছে । তো চলুন আমরা হাতে কলমে এই জিনিসটি তৈরি করা শিখে ফেলি ।

সবার প্রথমে আমরা দেখব কি করে জেকুয়েরি ফাইল কে লিঙ্ক করাতে হয় । এর জন্য আমরা নিচের কোড টুকু আমাদের এইচটিএমএল ফাইলে জুড়ে দিব ।

<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>

সোর্স ফাইল টি ডাউনলোড করতে এখানে ক্লিক করুন

আমাদের ফ্রীল্যান্সিং, ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্ট সম্পর্কিত ফেসবুক হেল্প পেজে যেতে এখানে ক্লিক করুন । 

Level 0

আমি মাহমুদুল হাসান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 44 টি টিউন ও 25 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

প্রিয় টিউনস a add korlam

সত্যি খুব কাজের জিনিশ দিয়েছেন ভাইজান, ধন্যবাদ।