ایجاد حالت لینک در یک موقعیت یا بخش بخصوصی از یک عکس
سلام دوستان
اطلاع دارید چطور میشه یک قسمت خاصی از یک عکس رو بهش قابلیت لینک شدن داد که کاربر با کلیک تو اون بخش از عکس بتونه وارد اون لینک بشه
عنصر مورد نظرتون را داخل برچسب a قرار دهید:
<a href="https://roocket.ir/example.com">
<img src="/case.jpg">
<a>
سلام
با استفاده از تگ map امکان پذیره . توضیحات بیشتر رو اینجا ببینید
https://www.w3schools.com/tags/tag_map.asp
سلام وقت بخیر .
به این حالت میگن image map ( نقشه تصویری)
عکستون رو با تگ img ، تعریف کنید و بعد به map مورد نظرتون، ارجاع بدین .
منظور از map ، تگ map ای هست که با یک نام، آن را مشخص کردیم. درون تگ map ، یک سری ناحیه تعریف می کنیم (با تگ area) و سپس برای هر ناحیه، یک صفحه مقصد مشخص شده است
<img src="image.png" width="145" height="60" title="آموزش" usemap="#map">
<map name="map">
<area shape="rect" coords="0,0,60,60" title="نقشه تصویری" href="http://www.google.com/index.php">
<area shape="circle" coords="90,30,30" title="HTML آموزش" href="http://www.google.com/html/index.php">
</map>مشخصه shape ، مشخص میکنه که شکل ناحیه به چه صورت باشه .
ممنون از نجما و محمدرضا عزیز
تنها مشکلی که هست اینه که در حالت ریسپانسیو نقاط cord دیگه عمل نمیکنند و برای حالت موبایل باید منطقه رو در حالت دسکتاپ بزرگ درنظر گرفت تا در حالت موبایل هم بشه از این قابلیت استفاده کرد