ফটোগ্যালারি নিয়ে আপনাদের নতুন করে বলা লাগবে না। আপনার ছবিগুলোকে ওয়েবসাইটে স্টাইলিশ উপস্থাপন করাকে ফটোগ্যালারী বলে। বিভিন্ন পদ্ধতিতে আপনার সাইটে ফটোগ্যালারী বানাতে পারেন। ওয়ার্ডপ্রেস বা জুমলাতে প্লাগিন ব্যবহার করে এ কাজটি অত্যন্ত সহজে করা যায়। আপনি চাইলে XML+FLASH ব্যবহার করেও ফটোগ্যালারী তৈরি করতে পারবেন।
আজকের পদ্ধতি হল Flash+XML (অন্য সাইটের স্ক্রীপ্ট) ব্যবহার করে ফটোগ্যালারী তৈরি করা।
Flash+XML এর বিভিন্ন স্ক্রীপ্ট ওয়েবে পাওয়া যায়। তার মধ্যে ফ্লাসগ্যালারী.অর্গের স্ক্রিপ্টটা আমার কাছে ভাল লেগেছে। এটি অত্যন্ত কাস্টমাইজেবল, ব্যবহারবান্ধব এবং সিম্পলের মধ্যে স্টাইলিশ।
এই স্ক্রীপ্টটা ডাউনলোড করুন এখান থেকে (স্যম্পল ছবি সহ) । অভিজ্ঞরা এখান থেকে শুধুমাত্র স্ক্রীপ্টটা ডাউনলোড করতে পারেন।
বেসিক ইউজারদের জন্য:
আগেই বলেছি এটির ব্যবহার অত্যন্ত সহজ। ডাউনলোড করলে আপনি মোট তিনটি ফাইলসহ gallery নামে একটি ফোল্ডার পাবেন। এই ফোল্ডারে ১৫টি 800*600 রেজুলেশনের ইমেজ এবং ১৫ টি 70*70 রেজুলেশনের ইমেজ পাবেন। এখন এখানে একই নামে আপনার ছবিদিয়ে রিপ্লেস করুন। মনে রাখবেন ছবিগুলো যাতে একই সাইজের হয়। রিপ্লেস করার পর demo.html এ ডাবল ক্লিক করে দেখে নিতে পারেন এটি ওয়েবসাইটে কেমন লাগবে।
অভিজ্ঞদের জন্য:
যারা ইমেজ ব্যতীত শুধুমাত্র স্ক্রীপ্টটা ডাউনলোড করেছেন তারা ডাউনলোড করার পর তিনটি ফাইল পাবেন। এখানে gallery নামে একটি ফোল্ডার তৈরি করুন। (অন্যনামেও করতে পারেন) তারপর images.xml ফাইলটি নোটপ্যাড++ দিয়ে ওপেন করুন। যেমন আমরাটা আমি ওপেন করলাম
এখানে খেয়াল করুন
১= আপনার ইমেজ ফাইলটির লোকেশন অর্থাৎ আমি gallery নামে ফোল্ডার করেছি বলে এখানে gallery লেখা হয়েছে। তারপর ইমেজের নাম 1.jpg বলে এখানে লিখা হয়েছে gallery/1.jpg। আপনি যদি Bangladesh নামে ফোল্ডার তৈরি করেন এবং nature.jpg নামে ছবি থাকলে লিখতে হবে bangladesh/nature.jpg ।
২= পূর্বের মতই আপনার থাম্বনাইল ছবির লোকেশন।
৩= ছবিটি ক্যাপশন। আশাকরি বুঝতে পেরেছেন।
এরপর সব ফাইলগুলো সার্ভারে আপলোড করুন। সাইটের রুটে আপলোড করলে আপনার সাইট/----.html হবে আপনার গ্যালারির লোকেশন। যেমন আমি এর মধ্যে demo.html ফাইলটিকে রিনেম করে gallery.html করেছি বলে আমার ফটোগ্যালারীর লিংক http://tutobd.com/gallery.html হবে।
পরবর্তীতে আরও ফটোগ্যালারী তৈরির পদ্ধতি দেখানো হবে।
আমি টিউটো বিডি। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 129 টি টিউন ও 478 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
নিজের বিষয়ে কিছু আমি গুছিয়ে বলতে পারবনা। পড়াশোনা করছি পাশাপাশি ব্যবসা। মাঝে মাঝে নিজেকে একাকী বোধ করি। তখন অনেক মন খারাপ হয়ে যায়। স্বপ্ন অনেক। কিন্তু পূরণ করার সাধ্য নেই। চেষ্টায় আছি। মাঝে মাঝে এমন কিছু না ভেবে করি যার জন্য পরবর্তীতে অনেক অনুশোচনা করি। প্রিয় গান: তৌসিফের- দুরে কোথাও,...
ভাল টিউন, আমার কাজে আসবে।
(পরবর্তীতে আরও ফটোগ্যালারী তৈরির পদ্ধতি দেখানো হবে।) অপেক্ষায় রইলাম
দ্বিতীয় পর্বটা দেখে প্রথম পর্বটিও দেখলাম।
এই জিনিস কি মিস করা যায়।
১ম পর্বটা প্রকাশের পর নিচে চলে গেছে মনে হয়।
ধন্যবাদ ভাল একটা টিউটোরিয়াল প্রকাশ করার জন্য।
প্রথমেই ধন্যবাদ সুন্দর একটি বিষয় শেয়ার করার জন্য। কিন্তু ভাইয়া আমাকে কোন লিংক, টিউটোরিয়াল ভিডিও ইত্যাদি দিতে পারেন XML জানার জন্য ?
আমি চাচ্ছি, আমার Data থাকবে XML ফাইলে আর HTML, JavaScript, jQuery দিয়ে সেই ফাইলটি নিয়ন্ত্রন করবো। যেমন : ডাটাগুলি ডিসপ্লে করবে, সার্চ করা যাবে যেকোন ডাটা ইত্যাদি। মুলোত সার্চটাই দরকার।
![jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব](https://dnc.techtunes.io/tDrive/tuner/2018/04/techtunes_fee81aa370998cccf57ea2d7dc08eaa8-368x207.jpg "jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব")
সুন্দর টিউন, কাজে লাগবে। ধন্যবাদ