آموزش تغییر آنی تصویر با جاوا اسکریپت
سلام
شاید دیده باشید در بعضی جاها وقتی موس رو بر روی تصویری میبرید تصویر
به صورت آنی عوض میشه و تصویر دیگه ای جایگزین میشه ولی با برداشتن موس
از روی اون تصویر باز دوباره تصویر اولی نمایش داده میشه
برای اینکار میتونید از کد زیر استفاده کنید :

<img src="tasvir asli" onmouseover="this.src='tasvir hover'" onmouseout="this.src='tasvir asli'" />

به جای عبارت های tasvir asli در کدبالا ، آدرس تصویر شماره یک و اصلی رو بزارید و به جای tasvir hover آدرس تصویری که میخواین به هنگام رفتن موس بر روی تصویر اصلی نمایش داده بشه رو قرار بدید .


البته با css هم میشه اینکار رو انجام داد که بسیار زیباتر هم خواهد بود که اگر وقت کنم حتما قرار خواهم داد .



موفق باشید
منبع : تولز دی ال

thanks
نویسنده :

X
پلاگین سخن بزرگان برای مای بی بی
[align=center] [align=right]نام پلاگین : سخن بزرگان نویسنده : MybbCo عملکرد : افزودن جعبه سخن بزر ...
تعیین نشده
دیدگاه های کاربران 1
ارسال: 2
با سلام
دوستمون اشاره داشتند که با سی اس اس هم میشه
منم نمیگم نمیشه Big Grin
مثل کد زیر:
#boxgraph_img {width: 20px;height: 20px;background: url("#") no-repeat ;transition: all 0.3s ease 0s;}
#boxgraph_img:hover {width: 20px;height: 20px;background: url("#")no-repeat  ;transition: all 0.3s ease 0s;}

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :