বিসমিল্লাহির রহমানির রাহিম
আজকে দেখাব কিভাবে জাভা স্ত্রিপট দিয়ে Back Box Image viewer তৈরী করতে হয় চলুন তাহলে শুরু করা যাক…..প্রথমে ড্রিমওয়েভার অপেন একটি রুট ফোল্ডার তৈরী করে নিব তার আমি একটি সোর্স ফাইল দিয়ে দিয়েছি ওটা ডাউনলোড করে নিন এবং আনজিপ করে নিন এবার ঐ সোর্স ফোল্ডারের সব ফাইল গুলো কপি করে রুট ফোল্ডারে পেস্ট করুন অথবা সমস্য হলে যে কোন জায়গায় একটি ফোল্ডার খুলুন অতঃপর Dreamweaver অন করে যে ফোল্ডারটি সেভ করেছেন ওটিতে যান ঐ ফোল্ডারটি ভিতরে প্রবেশ করে New html file অপেন করে এটিকে index অথবা আপনার ইচ্ছে মত নাম দিয়ে সেভ করুন
এবং এটাকে মিনিমাইজ করে রাখুন তারপর সোর্স ফোল্ডারে চলে যান Script নামে একটি ফাইল আছে ওটি খুলুন <head> এবং </head> এই দুই হেড এর মাঝের কোড গুলো কপি করুন এবং
মিনিমাইজ করা ফাইলটি অপেন করে Code এ ক্লিক করে ওখানে দুই হেডের মাঝে পেস্ট করুন...অর্থাৎ উপরের কোডটি নিচের ছবিতে দেখানো জায়গায় পেস্ট করুন
এইবার ডিজাইনে গিয়ে একটি লেআউট তৈরী করতে হব যেখানে একটি ইমেইজ বসাতে হবে আর ইমেজটি নিতে হবে
এইখানে ছবির দেখানো মত Layout এবং Draw layer এ ক্লিক করে সুন্দর করে সেপটি একে ফেলব...
এর পর দেখানো ছবির মত Common সিলেক্ট করে Image এ ক্লিক করব এর পর ঐ রুট ফোল্ডারের মধ্যে Image নামের ফোল্ডার হতে image1 নামের ইমেজটি সিলেক্ট করে ok করে আবার ok তে ক্লিক করতে হবে তার পর দেখতে নিচের ছবির মত হবে.... সমস্যা হলে উপর হতে ভালকরে ছবিগুলো লক্ষ্য করুন…
এবার আবার রুট ফোল্ডারের Script File টি অপেন করে <body> এর নিচের দুইটি লাইন সিলেক্ট করে Dreamweaver অপেন করে Code এ ক্লিক করে <body> এর নিচে পেস্ট করুন ;;;
উপরের কোড টি নিচের ছবির দেখানো মত জায়াগায় পেস্ট করুন
এর পর আবার রুট ফোল্ডারের Script File টি অপেন করে এই যেই লাইন দুইটি সিলেক্ট করেছি ঐ লাইন দুইটির নিচের চারটি লাইন সিলেক্ট করে
Dreamweaver অপেন করে Code এ ক্লিক করে <body> এর নিচে তিনটি লাইনের পরে পেস্ট করুন
…এবার আবার File থেকে Save এ ক্লিক করুন….এবার Dreamweaver ক্লোজ করে দিন এবার রুট ফোল্ডার অন করে index নামের ফাইলটি খুলুন এবং ছবিটির উপর ক্লিক করুন……..
এই বার নিচের মত ছবি দেখতে পাবেন..কি বুঝলেন ..আপনি বেক বক্স ইমেজ বিউয়ার তৈরী করে ফেলেছেন...অর্থাৎ এই ইমেজ বিউয়ারটি অটো এবং মেনুয়েলি কাজ করবে ছবিতে দেখুন........
সবাই ভাল থাকুন সুস্থ থাকুন সুন্দর থাকুন ধন্যবাদ...................