علی صبایی
2 سال پیش توسط علی صبایی مطرح شد
5 پاسخ

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

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


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 2 سال پیش آپدیت شد
1

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

<a href="example.com">
    <img src="/case.jpg">
<a>

محمدرضا
تخصص : &lt;programmer/&gt;
@mrjazini.ir 2 سال پیش مطرح شد
1

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


نجما
@n.bahreman157 2 سال پیش آپدیت شد
2

سلام وقت بخیر .
به این حالت میگن 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 2 سال پیش مطرح شد
1

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


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

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