TT তে এটা আমার প্রথম পোষ্ঠ কোন প্রকার ভুল হলে ক্ষমা করবেন ।যারা নতুন ওয়েব প্রোগ্রাম শিখছে তাদের জন্য আমার এই পোষ্ঠ। আমরা যারা ওয়েব ডিজাইন করে থাকি তারা বিভিন্ন script ব্যবহার করে slideshow তৈরি করে থাকে । কোন প্রকার script ছাড়া সহজে কিভাবে html-css slideshow তৈরি করতে পারবেন তা দেখাব চলুন শুরু করি।আমি দরে নিচ্ছি আপনি basic html পারেন।প্রথমে আপনার desktop এ mahbub নামে একটি folder বানান এবং jpge formaট এর দুইটি picture copy করে paste করুন mahbub নামে folderএ । picture দুটির প্রথমটার নাম দিন aidmahbub1 এবং দ্বিতীয়টার না দিন aidmahbub2। নিচের কোডটি notepad এ copy করে paste করুন:-
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
<title>html slider</title>
</head>
<body>
<div id="slide1">
<marquee scrollamount="8" onMouseOver="this.stop()" onMouseOut="this.start()"><a href="#"> <img src="aidmahbub1.jpg" alt="slideshow" alt="Slide 1 jFlow Plus" /></a> <a href="#"><img src="aidmahbub2.jpg" alt="slideshow" alt="Slide 1 jFlow Plus" /></a></marquee>
</div></body>
</html>
এবার mahbub নামে folder এ এটি save করুন mahbub.html নামে। এখন আবার notepad খুলুন নিচের কোড copy করে paste করুন:-(এটা ছাড়াও কাজ করবে)
body {background:#999999;
}
#slide1{
width:320px;
height:220px;
margin-left:500px;
margin-top:60px;
padding:120px;
}
a:hover{
background-color:#00FF66;
}
এবার mahbub নামে folder এ এটি save করুন style.css নামে। কাজ শেষ এবার mahbub.html ফাইলটি open করুন দেখুন ছবি দুটি ডান থেকে বামে চলতে থাকবে এবং মাউন এর কার্সার নিলে ছবি স্থীর হবে মাউস সরালে আবার চলতে থাকবে।
ভাল লাগলে বা না বুঝলে আমাকে জনান আমার ওয়েব সাইড computeraid
আমি md-mahbub। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 11 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 5 টি টিউন ও 20 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
—ato kicor dorkar nai………………………..copy code………………………..
—-a.jpg name a akta image and code toko nodepad a likhe .html format a save koron
— ake folder a image and .html file ti rekhe ,html ti open koron.
—banglisl lekhar jonno sorry
ধ্যনবাদ সবাইকে
ব্লগে যুক্ত করতে ব্লগে যুক্ত করতে নিচের লিঙ্ক দয়া করে দেখুন।
http://rahmanweb.tk/?p=58
![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 মেথড জানবো ও ব্যবহার করে দেখব")
দারুন লাগলো ভাইয়া । কিন্তু আমাকে কি বলবেন এটা ব্লগে কি করে যুক্ত করব ?