تغییر تصویر

[omidparkour]

سلام
من دوتا عکس دارم که تنظیم کردم وقتی ماوس رفت روی عکس اول عکس دوم نمایش داده بشه
حالا سئوال من این هستش که میخوام تعویض دوعکس باهم در یک لحظه انجام نشود یعنی آهسته آهسته عکس اول تبدیل به عکس دوم بشه
چی باید بکنم؟؟؟؟؟؟؟

[SlowCode]

سلام
از transition استفاده کن.
تو لینک زیر توضیح داده شده.
http://www.w3schools.com/css3/css3_transitions.asp

[omidparkour]

سلام
من این سایت رو رفته بودم قبلا ولی اون چیزی که میخواستم رو نتونستم ازش درارم :گریه:


تورو خدا اگه کسی کدش رو میدونه دریغ نکنه
خیلی ضروری هست

[2undercover]

اگه میشه بگید چه جوری تنظیم کردید که وقتی موس رفت روی عکس اول عکس دوم ظاهر بشه تا دوستان راهنمایی کنند!

[omidparkour]

.home:hover{ background-image:url(images/homehover.png); width:74px ; height:50px ; background-repeat:no-repeat ;float: right;}

[2undercover]

این استایل ها رو هم به .home اضافه کنید (دقت کنید .home بدون :hover):


transition: all linear .3s;
-o-transition: all linear .3s;
-moz-transition: all linear .3s;
-webkit-transition: all linear .3s;
-ms-transition: all linear .3s;

[omidparkour]

این کد رو نوشتم ولی هیچ فرقی نکردش

[2undercover]

من خودم امتحان کردم جواب داد!مرورگرتون چیه؟

[omidparkour]

با کروم امتحان کردم شد
فقط با کروم کار میکنه؟؟؟؟؟؟؟

[omidparkour]

تگ div (http://barnamenevis.org/showthread.php?393329-%D8%AA%DA%AF-div&p=1744375#post1744375)

ستونهای سایت (http://barnamenevis.org/showthread.php?393320-%D8%B3%D8%AA%D9%88%D9%86%D9%87%D8%A7%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA&p=1744341#post1744341)

[omidparkour]

یه سئوال من الان هر جا از این دستو برای جابه جایی استفاده کردم به این شکل در اومده
چی باید بکنم؟؟؟
میشه کاری کرد که در هنگامی دارم از یک عکس به روی عکس دیگه میرم اون هم یه این شکل بره؟؟؟؟؟؟؟؟

[omidparkour]

کمک
هر جا توی سایتم ازtransition استفاده کردم به این سبک در اومده چی کنم؟؟؟؟؟؟؟؟

[omidparkour]

تورو خدا یکی کمک کنه

بدبخت شدم

کلی روش زحمت کشیده بودم :گریه::افسرده::ناراحت::متعجب: :گریه::گریه::گریه::گریه:

[2undercover]

منظورتون رو متوجه نمیشم!

اون کد هم باید روی Opera , Firefox , Chrome , Safari نسخه های جدیدشون کار بکنه!

[omidparkour]

به خدا کار نمیکنه


یه چیز دیگه اون هم اینکه هر جا از برنامه از دستور برای جابه جایی استفاده کردم الان به این شکل در اومده و جابه جا نمیشه

[omidparkour]

آقایون و دوستان بفرما این فایل من بررسی کنید و ببینید که من دروغ نمیگم و هالو نیستم
دانلود قالب (http://uploadkon.ir/?file=foroshgah interneti.zip)

[omidparkour]

سلام
توروخدا یکی جواب بده

[2undercover]

خب اینکه الان داره درست کار می کنه وقتی که موس میره روی یکی از گزینه های منو مثلا روی ورود اون تصویر "ورود" به آرومی عوض میشه و عکس loginhover که پس زمینه اش سفیده و متنش قرمز ظاهر میشه!

[SlowCode]

آقایون و دوستان بفرما این فایل من بررسی کنید و ببینید که من دروغ نمیگم و هالو نیستم
دانلود قالب (http://uploadkon.ir/?file=foroshgah interneti.zip)

داداش ما نگفتیم که هالو هستی!
ورژن مرورگرت چنده؟
مرورگرت رو عوض کن، اگه کهنه است جدیدش رو نصب کن.
واسه من هم درست کار میکنه.

[omidparkour]

خب اینکه الان داره درست کار می کنه وقتی که موس میره روی یکی از گزینه های منو مثلا روی ورود اون تصویر "ورود" به آرومی عوض میشه و عکس loginhover که پس زمینه اش سفیده و متنش قرمز ظاهر میشه!


اونش درسته اما فروشگاه اینترنتی باید وقتی ماوس میره روش هم عکسش عوض بشه و هم بیاد پایین اما از وقتی از این کد برای اینکه عکس به آرامی عوض بشه استافده کردم اون فروشگاه اینترنتی دیگه پایین نمیاد
کمک!!

[2undercover]

خب شما از پسوند ها برای مرورگر ها استفاده نکردید یه غیر از اون transform اصلی این هارو هم اضافه کنید:

-webkit-transform: translate(0px, 30px);
-o-transform: translate(0px, 30px);
-moz-transform: translate(0px, 30px);
-ms-transform: translate(0px, 30px);

[omidparkour]

سلام
من این کد رو استفاده کردم نشد میخواید اگه باور نمیکنین روی همون قالبی که دادم امتحان کنین

[2undercover]

خوب امتحان کردم که میگم میشه!

[omidparkour]

سلام
اگه میشه لطفا فایل اصلاح شده اش رو بدین شاید من اشتباه میکنم

[2undercover]

بفرمایید اینم فایل style.css اصلاح شده: