راکت

ایجاد حالت لینک در یک موقعیت یا بخش بخصوصی از یک عکس

5 پاسخ

سلام دوستان
اطلاع دارید چطور میشه یک قسمت خاصی از یک عکس رو بهش قابلیت لینک شدن داد که کاربر با کلیک تو اون بخش از عکس بتونه وارد اون لینک بشه

ثبت پرسش جدید

پاسخ‌ها

5
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

عنصر مورد نظرتون را داخل برچسب a قرار دهید:

<a href="https://roocket.ir/example.com">
    <img src="/case.jpg">
<a>
محمدرضا
محمدرضا
@mrjazini.ir

تخصص: &lt;programmer/&gt;

سلام
با استفاده از تگ map امکان پذیره . توضیحات بیشتر رو اینجا ببینید
https://www.w3schools.com/tags/tag_map.asp

شاید پاسخ شما همین‌جا باشد

نجما
نجما
@n.bahreman157

سلام وقت بخیر .
به این حالت میگن 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 ، مشخص میکنه که شکل ناحیه به چه صورت باشه .

علی صبایی
علی صبایی
@aiub.safi

تخصص: برنامه نویس جنگو

ممنون از نجما و محمدرضا عزیز
تنها مشکلی که هست اینه که در حالت ریسپانسیو نقاط cord دیگه عمل نمیکنند و برای حالت موبایل باید منطقه رو در حالت دسکتاپ بزرگ درنظر گرفت تا در حالت موبایل هم بشه از این قابلیت استفاده کرد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام