CoffeeCup Image Mapper

CoffeeCup Image Mapper cho phép bạn xác định nhiều liên kết (hoặc điểm nóng) đến các địa điểm cụ thể của một hình ảnh và chỉ cho họ một tài liệu hoặc trang web. Tạo văn bản mouseover, ALT văn bản, liên kết và nhiều hơn nữa. Hỗ trợ JPG, PNG, GIF và các định dạng hình ảnh!

Vì vậy, làm thế nào nó hoạt động? Hãy nói rằng bạn đang bán đồ nội thất với một vài miếng cho lấy. Giới thiệu các mặt hàng trong một bức tranh. Sau đó, sử dụng các công cụ thiết kế, vẽ một phác thảo về một mặt hàng cụ thể và chỉ định một địa chỉ trang web để nó. Bây giờ khi ai đó nhấp vào một mảnh đồ nội thất, họ được chuyển hướng đến các trang web liên kết với nó để biết thêm thông tin.

Áp dụng các kỹ thuật tương tự với các loại hình như Maps, hình ảnh đội ngũ doanh nghiệp, sơ đồ, phòng trưng bày nghệ thuật và nhiều hơn nữa. Khá tuyệt vời phải không? :)

Bản đồ Hình ảnh Responsive là thân thiện cho người dùng di động

Với hơn 51% lưu lượng truy cập đến từ các thiết bị di động, điều quan trọng là bạn nên cập nhật bản đồ hình ảnh của bạn sẽ được đáp ứng. Điều này làm cho chúng dễ dàng hơn, nhanh hơn, và thêm chức năng để điều hướng cho người xem trên màn hình nhỏ hơn. Các bản đồ ảnh đó được đáp ứng sẽ điều chỉnh liên kết tọa độ thích hợp dựa vào độ rộng màn hình. Tuy nhiên, có một điều cần ghi nhớ là thiết bị di động không cho phép di chuột hoặc tooltips trên di chuột / mouseover. Bởi vì điều này, bạn sẽ cần phải sáng tạo lại nghĩ như thế nào bản đồ hình ảnh của bạn hoạt động rất bản năng người dùng sẽ biết làm thế nào để sử dụng nó.

Làm thế nào bạn có thể làm điều đó? Dễ dàng. Làm bản đồ hình ảnh của bạn thêm chức năng trên các thiết bị di động bằng cách hiển thị một "Key" o "Legend" gần bản đồ (hoặc thậm chí thêm vào các hình ảnh riêng của mình) mà chỉ ra nguyên văn những gì họ có thể chạm vào. Ví dụ, ở đây là các cửa hàng đồ nội thất mà giới thiệu một số đồ nội thất để bán trong các cửa hàng. Chúng tôi đặt text bên dưới hình ảnh để mô tả 8 mặt hàng. Một chỉ báo bổ sung cũng được áp dụng cho các hình ảnh nguồn. Những trợ giúp cho người xem di động biết điều gì là có thể sờ. Bằng cách chạm vào bất kỳ của những mặt hàng, bạn sẽ được chuyển tiếp đến một trang với nơi mà bạn có thể duyệt danh mục các mặt hàng tương tự.

Yêu cầu :

IE 9 hoặc cao hơn

Hạn chế :

chức năng TNHH