با استفاده از این کد شما میتوانید یک اسلایدر زیبا و سبک در سایت و یا وبلاگ خود داشته باشید
توجه : وبلاگ داران عزیز کد ها را باید در محل مناسبی از قالب قرار دهید تا اسلایدر به خوبی کار کند
+ به همراه نمونه انلاین
ابتدا کد زیر را در بالا یعنی بعد تگ <head> و قبل تگ </head> قرار دهید تا استایل اصلی ارجاع شود
<script type="text/javascript" src="http://upnightskin1.persiangig.com/SlideShow/PicSlider/Picslider1.js"></script>
سپس کد اصلی اسلایدر را در محل مناسب قرار دهید:
<div id="container">
<div id="slider"><ul>
<li><a href="لینک عکس اول"><img src="آدرس عکس اول" alt="توضیح عکس اول" width="696" height="241" /></a></li>
<li><a href="لینک عکس دوم"><img src="آدرس عکس دوم" alt="توضیح عکس دوم" width="696" height="241" /></a></li>
</ul></div></div>
و حالا به توضیح برخی از این کد ها میپردازیم :
۱٫برای اضافه کردن تصاویری بیشتر از کد این کد استفاده کرده :
<li><a href="لینک عکس
"><img src="آدرس عکس " alt="توضیح عکس " width="696" height="241"
/></a></li>
اندازه اصلی عکس باید ۶۹۶ در ۲۴۱ باو برای تغییر سایز مقادیر width="696" height="241
را تغییر دهید
نمونه : دمو کلیک کنید