প্রাথমিক কথা

এর আগের পর্বে আমরা সিম্পল একটি ফটোগ্যালারি তৈরি করতে শিখেছি। আজ আমরা আরেকটি ফটোগ্যালারী তৈরি করতে শিখব। তবে এ ফটোগ্যালারীটা সিম্পল না!! থ্রিডি ফটোগ্যালারী। স্টাইলিশ এই ফটোগ্যালারিটি আপনারা খুব সহজে মাত্র ১০ মিনিটে তৈরি করতে পারবেন। এজন্য যে আপনার খুববেশী অভিজ্ঞ হতে হবে তা কিন্তু না। আমার মত নাদান যখন ১০ মিনিটে তৈরি করতে পেরেছে আপনারাও পারবেন। আসুন বক বক না করে শুরু করে দেই।

ডাউনলোড:

স্টাইলিস এবং সিম্পল এই ফটোগ্যালারিটি এইখানে ক্লিক করে ডাউনলোড করুন (মাত্র ১৯৬ কিলোবাইট)

ব্যবহার: ডাউনলোড করলে একটি জিপ ফাইল পাবেন। একে যে কোন আর্কাইভ কমপ্রেস করার সফটওয়ার দিয়ে আনজিপ করুন। আনজিপ করলে একটি ফোল্ডার ও ৫টি ফাইল পাবেন। এগুলো যথাক্রমে

• gallery.xml
• index.html
• readme.html
• swfobject.js
• TiltViewer.swf
• imgs (ফোল্ডার)

এখন imgs ফোল্ডারের মধ্যে প্রবেশ করুন। এখানে আপনার পছন্দমত ছবিগুলো রাখুন। ছবিগুলোর নাম একই ক্রমাণ্বয়ে হলে ভাল হয় (যেমন img-1.jpg, img-2.jpg, img-3.jpg ইত্যাদি) আর ছবিগুলোর সাইজ (কিলোবাইটের সাইজ না!! ডাইমেনশন সাইজ) যেন এক হয়। সবচেয়ে ভাল হয় 800*600 সাইজের ইমেজ।

এরপর gallery.xml ফাইলটি নোটপ্যাড++ দিয়ে ওপেন করুন। চিত্রের মত দেখতে পারবেন

এখানে আপনাকে তিনটি ট্যাগ এর মাধ্যমে এডিট করতে হবে। চিত্রের মত

১= <photo> ট্যাগে আপনার ছবিটির লোকেশন দিন। (এখানে imgs/img.jpg দেওয়ার অর্থ হল img ফোল্ডারের মধ্যে img.jpg নামে ছবিটি আছে। আপনি যদি bangladesh নামের ফোল্ডারে nature.jpg নামে কোন ছবি রাখেন তাহলে কোডটি হবে bangladesh/nature.jpg।

২= linkurl এ আপনার পছন্দমত লিংক বসাতে পারেন।

৩= <title> ট্যাগে ছবিটির শিরোনাম দিন।

এভাবে আপনার সব ছবিগুলোর জন্য দিন।

তারপর সেভ করুন। এবং আপনার সার্ভারে আপলোড করুন। এরপর সব ফাইলগুলো সার্ভারে আপলোড করুন। সাইটের রুটে আপলোড করলে আপনার সাইট/—-.html হবে আপনার গ্যালারির লোকেশন। যেমন আমি এর মধ্যে demo.html ফাইলটিকে রিনেম করে gallery.html করেছি বলে আমার ফটোগ্যালারীর লিংক http://tutobd.com/gallery.html হবে। পরবর্তীতে আরও ফটোগ্যালারী তৈরির পদ্ধতি দেখানো হবে।

আমার করা ফটোগ্যালারীটি দেখুন

আমার পোস্টের কোন লাইসেন্স নেই! যেখানে খুশি সেখানে কপি-পেস্ট করতে পারেন! এমনকি নিজের নামেও চালিয়ে দিতে পারেন! আমার কোনই সমস্যা নেই! আমার টিউটোরিয়াল থেকে আপনারা উপকৃত হলেই আমি সার্থক