Section 12th Client Image Mapping

Source: Internet
Author: User
Tags client
Client

We can link different parts of an image to different pages, which are called client-side image maps.
Note that the Image Properties panel extension mode has a map at the bottom left, which is used for client-side image mapping. Then you can fill in your name for this mapping, if not fill in, then Dreamweaver automatically add a name. The map has three icons, from left to right, to intercept rectangles, to intercept circles, and to intercept irregular graphics.
Mouse click on an appropriate icon, you can select a region of the mouse image. You can use the arrows on your keyboard to adjust when the mouse-drawn marquee and target do not coincide.
After you select and set up, the Properties panel is shown in the following image.

(Properties panel after image interception)

In addition to the map, there are link, alt, and target three items, which represent the same meaning as ordinary links, as long as the part of the image being intercepted as a separate page element. You can set hyperlinks to each area of the image that is intercepted.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.