تفکیک اجزای یک تصویر - نقشه ایران و یا جهان

[hamed-php]

سلام

تصویر جهان رو چطور از هم تفکیک کنم بصورتیکه هر قسمت به یک لینک اشاره کند
مثلا با رفتن روی قاره آسیا اطلاعات اون رو بنمایش بگذارم
و با بردن موس روی قاره آفریقا اطلاعات اون رو بگذارم

ممنون از راهنمایی شما

[Saber Mogaddas]

سلام
دوست من این کار با jquery عملی هست .. شما باید لینکی که قرار روی اون که رفت hover شه رو در مرکز هر قاره قرار بدید ..برای highlight کردن قسمت های قاره که باید با فتوشاپ کار کنید و بعد زمان hover عکس highlight شده رو نمایش بدید..
البته سوالتون خیلی بزرگ هست و نمیشه اینجوری توضیح داد به نظرم شما شروع کنید مراحل html و css , event رو انجام بدید..و اشکال هاتون رو بپرسید تا حل کنم.. و یا دوستان نیز نظر بدن..
موفق باشی..

[hamed-php]

ممنون دوست خوب
85487
فایل عکس رو ضمیمه کردم
برای شروع پیشنهاد میکنید قاره رو ببرم یا بدون تکه تکه کردن عکس هم امکانی هست؟
البته فعلاً به محض اینکه ماوس بره روش فقط همون hover رو کار کنم بنظر خوبه تا بعد JQuery رو هم کار میکنم

[Saber Mogaddas]

کار با عکس دو رنگ برای شما خیلی خوب هست.. ایت عکس رو داخل یه دیو میزارید که به صورت ثابت خواهد بود..
بعد تو فوتوشاپ به سلیقه خودتون قاره هارو جدا کنید و تکه تکه کنید به پسوند png
بعد داخل دیو اصلی به تعداد قاره های که تیکه تیکه کردی دیو میسازی و عکس قاره هارو میزاری تو اون دیو ها و با float و margin قاره هارو با عکس اصلی و ثابت یکسان میکنی..
در صورتی که با margin,float موفق نشدید از position relative و top - right -.. استفاده کنید..
بعد به این تصاویر display:none بدید..
فکنم این کارت واسه امروز کافی باشه..
بعد این کار ها بگید تا بریم قسمت hover
موفق باشی..

[cyrusthegreat]

دوست عزیز

بطور کلی، استفاده از تگ map رو پیشنهاد می کنم. اینجا می تونید باهاش آشنا بشید: http://www.w3schools.com/TAGS/tag_map.asp

[Saber Mogaddas]

سلام
با تگ map هم میشه..ولی میخوام دستتون باز باشه و کارهای بهتر هم بکنید..

[hamed-php]

8553985539سلام
ممنون از دوستان - بلی هنوز خیلی مونده
برای شروع من قسمت آمریکا رو بریدم و حالا میخوام با حرکت بر روی قاره آمریکا ، لینک اون فعال بشه و روی hover اون کار کنیم
فایل رو در ضمیمه گذاشتم
ابعاد هر دو تصویر یعنی جهان و تصویر قاره آمریکا یکی هست ولی چرا روی هم نمی افته؟
شاید اصلاً روش رو خوب شروع نکرده باشم

[Saber Mogaddas]

فایل ضمیمه؟؟!

[hamed-php]

فایل ضمیمه؟؟!
شرمنده حجمش بالا بود . کوچیکش کردم

[khanlo.javid]

دوست عزیز با نرم افزار دریم ویور بدون اینکه حتی یک کد بزنی میتونی تعین موقعیت کنی و لینک بدی.





موفق باشی

[hamed-php]

دوست عزیز با نرم افزار دریم ویور بدون اینکه حتی یک کد بزنی میتونی تعین موقعیت کنی و لینک بدی.

موفق باشی

ممنون تا حالا با همین نوت پد نوشتم همه کارامو . پس با این حساب با دریم ویور میشه یه قسمتی از یه شکل نا منظم مثل نقشه یه قاره رو انتخاب کرد و همانند عمل قلم جادویی در فتوشاپ، بعد بگیم اون قسمت لینک بشه به فلان صفحه؟

[Saber Mogaddas]

سلام
به همین روال برو جلو..ولی فکنم تو css خیلی ضعیف هستی باید زیاد تلاش کنی..
بقیه قارهارو هم خودت طراحی کن ..
85542
موفق باشی..