초보자 용 질문의 비트가 아니며 최근에는별로 중요하지 않습니다. 나는 단순히 수평 툴바 인 이미지 맵을 가지고 있습니다. 내가 궁극적으로하고 싶은 것은 마우스가 마우스 위로 움직일 때까지 영역의 rgba 직사각형을 겹쳐서 그린다는 것입니다. 하지만 여기서는 그다지 많은 것을 할 수 없습니다. 지역 요소가 조금 다르게 작동하는 것 같습니다. 어떻게해야합니까에
내 웹 사이트에 대화식 이미지지도가 있습니다. HTML은 다음과 같습니다 $(function() {
var $ = jQuery;
var map = $("#italy-map");
var region_map = $("#region-map");
$("area[data-id]").mouseover(function() {
3 개의 영역이있는 이미지가 있습니다. 각 영역을 클릭하면 일련의 질문이 나타납니다. 나는이 일을했지만 조금 바꿔보고 싶다. 페이지로 리다이렉트하고 싶지 않기 때문에 # href 링크로 제공하고 event.currentTarget.id를 기반으로하는 영역의 ID를 얻습니다. 그런 다음 조건이있는 3 개의 v-ifs가 있습니다. 각 구성 요소. https:/
<area> 및 <map> 태그를 사용하여 이미지 부분을 링크로 만들려고합니다. 하지만 매핑 된 영역을 정확하게 제어 할 수있는 방법을 알지 못합니다 (커서가 포인터가되는 곳을 지켜 보는 것 외에는 너무 지루합니다 ...) 그래서 다음 예제 코드를 사용하면, 더 효과적으로 편집하려면 이미지 위에 폴리곤을 어떻게 보이게 할 수 있습니까? 지도와 CSS에 정의
매핑 태그가 이미지에서 올바르게 작동하는 데 어려움을 겪고 있습니다. 누군가가 한 번 봐서 내가 뭘 잘못하고 있는지 알 수 있는지 궁금해. 문제는지도를 표시하는 것입니다. 이미지는 모두 잘로드되지만 특정 부분 (또는 전체 이미지)을 매핑하고 연결할 때 아무 것도 나타나지 않습니다. HTML : #leftColumn {
height: 100%;
jQuery/jQueryUI 함수와 플러그인 ("draggable"및 "maphighlight")을 이미지 맵 및 CSS 애니메이션 크기 조정과 결합하려고합니다. 추가 및 클릭에 jQuery를 통해 클래스를 제거하여 : 그것은 조각에 넣어 너무 많은, 그래서 나는 codepen 만들어 : 다른 컨테이너 내부에 http://codepen.io/anon/pen
나는이 이미지 맵을 가지고 있으며 각 선택된 영역을 반응 적으로 만드는 방법을 찾고 있습니다 ... 왜냐하면 화면의 크기를 변경할 때 이미지가 올바르게 적용되기 때문에 영역은 새로운 크기의 이미지에 적용되지 않습니다. 여기에서 파란색으로 선택된 영역을 볼 수 있습니다. BLUE AREA가 여기 선택되어 나는 화면의 크기를 변경하지만이 지역은 응답 이미지 <
이미지를 가져 와서 해당 부분을 인식하고 image map을 생성하는 앱을 코딩하고 싶습니다. 미국의지도가 포함 된 이미지를 상상해보십시오 (현재는 SVG, JPEG, PNG 등입니다). 상태 사이에 테두리, 테두리에 인쇄 된 상태 이름 및 테두리가 아닌 사각형 재료 (이미지가 직사각형이며 미국이 아니기 때문에)에 대해 RGB 값 3 개를 예약하면 각 각
여기에 제 코드를 추가하고 있습니다. 필드 ID, 이름 및 상태와 함께 포인트라는 테이블이 있습니다. 값이 1의 상태가 있다면 값은 상태 0 및 1 이 후 녹색 점으로 표시 값이 상태가 0이되면, 빨간 점 로 표시 내가 너무 여기에 마우스를 가져다 대면 값의 이름을 표시 할 이미지 맵에 그것을 시도하는 것은 내 코드입니다 : <html>
<m
나는 그림 위에지도를 놓아서 클릭 할 수있게하려고 노력했지만 그 지역은 작동하지 않습니다. 크롬 개발자 도구를 사용하여 페이지를 검사 할 때 0x0 영역으로 표시됩니다. 여기에 코드가 있습니다. 내가 클릭 할 수하고자하는 섹션 <div class="col-sm-12 col-xs-12">
<img class="img-responsive envia