Witam serdecznie,
Poszukuję takiego komponentu https://ibb.co/1MYsynH - do zaznaczania obrazka.
Spotkał się ktoś może z czymś takim?
Witam serdecznie,
Poszukuję takiego komponentu https://ibb.co/1MYsynH - do zaznaczania obrazka.
Spotkał się ktoś może z czymś takim?
Eee, zwykły CSS? Plus JS, żeby oznaczyć jako kliknięty. Parę linijek roboty.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.obrazek {
display:inline-block;
position: relative;
width:200px;
height:200px;
background-repeat:no-repeat;
background-position:center center;
background-size:calc(100% - 20px) calc(100% - 20px);
}
.zaznaczony {
border:3px solid #FFAA00;
border-radius:5px;
}
.zaznaczony::after {
position:absolute;
box-sizing:border-box;
padding:5px;
top:20px;
left:20px;
width:30px;
height:30px;
border-radius:30px;
content:"\2713";
text-align:center;
font-weight:bold;
color:white;
background-color:#FFAA00;
}
</style>
</head>
<body>
<div style="background-image:url('obrazek1.jpg');" class="obrazek"></div>
<div style="background-image:url('obrazek2.jpg');" class="obrazek zaznaczony"></div>
<div style="background-image:url('obrazek3.jpg');" class="obrazek"></div>
</body>
</html>