| نویسنده : ElectRobot | |
موضوع پست : کدهای جاوا اسکریپت | |
تاريخ ارسال : 1388/11/16 | |
مشاهده : 736 |
برای نمایش کد لطفا ماوس را روی هر کدام از عکس ها نگه دارید.
همان طور که در بالا مشاهده می کنید با استفاده از این کد می توانید افکت های زیبایی به تصاویر موجود در سایت یا وبلاگ هایتان بدهید. این کد بسیار ساده بوده و شما می توانید با دست کاری آن تغییراتی را در آن ایجاد کنید.
ابتدا فایل زیر را دانلود کرده و سپس آن را بر روی یک فضای رایگان مانند persiangig.com آپلود نمایید. این فایل با فورمت جاوا اسکریپت بوده و حجم آن 2 کیلوبایت بیشتر نمی باشد. ( قبل از آپلود آن را از حالت فشرده خارج نمایید. )
لینک دانلود مستقیم : فقط کاربران عضو قادر به مشاهده این لینک می باشند.
عضویت در سایت
سپس در کد HTML وبلاگ یا وبسایت خود به قسمت HEAD رفته و کد زیر را در آن کپی کنید.
|
<style type="text/css">
img.expando{
border: none;
vertical-align: top;
}
</style>
<script type="text/javascript" src="آدرس فایل آپلود شده">
</script>
|
سپس فایل زیر را در هر کجا از بدنه سایت خود می خواهید قرار دهید. مسیر تصاویر را نیز در آن وارد کنید.همچنین می توانید در آن سایز اولیه تصاویر را نیز مشخص کنید.
|
<table>
<tr>
<td>
<a href="لينک" target=_blank ><img class="expando" border="0" src="مسير عکس 1" width="100" height="150" border=0> </a></td>
<td>
<a href="لينک" target=_blank ><img class="expando vacation" border="0" src="مسير عکس 2" width="100" height="150" border=0> </a></td>
<td>
<a href="لينک" target=_blank ><img class="expando" border="0" src="مسير عکس 3" width="100" height="150" border=0></a></td>
</tr>
</table>
|
