ইমেজ স্লাইডশো প্রদর্শন

অনেকে চান ব্লগে বিভিন্ন ইমেজ স্লাইডশো আকারে দেখানোর জন্য।এটি আপনি জাভাস্ক্রিপ্ট ব্যবহার করে করতে পারেন।বিভিন্ন স্টাইলের স্লাইডশো দেখানোর জন্য অনেকগুলো জাভাস্ক্রিপ্ট আছে তবে সবগুলো ব্লগারে সাপোর্ট করে না।আমি নিচে একটি স্লাইডশো এর কোড দিলাম যেটির ডেমো দেখতেএই সাইট ঘুরে আসতে পারেন।

<script type="text/javascript">
<!--
var image1=new Image()
image1.src="1st image link"
var image2=new Image()
image2.src="2nd image link"
var image3=new Image()
image3.src="3rd image link"
var image4=new Image()
image4.src="4th image link"
var image5=new Image()
image5.src="5th image link"
var image6=new Image()
image6.src="6th image link"
var image7=new Image()
image7.src="7th image link"

//-->
</script>

<img src="firstcar.gif" name="slide" width="795" height="300" />
<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>

এইকোডগুলো কপি করে HTML/Javascript গেডগেট খুলে তাতে পেষ্ট করে সেভ করুন।এখানে লাল রঙ দেয়া জায়গায় ছবিগুলোর লিঙ্ক এবং সবুজ রঙের জায়গাগুলোয়া আপনার ব্লগের সাথে সামঞ্জস্য করে সাইজ ঠিক করে দিতে পারেন।