Skip to content

This is the main interactive image used for image mapping. It features a table setup with various household items like a laptop, flower pot, chair, and more. Each item is mapped with a clickable hotspot that redirects users to a related product on Flipkart. The image acts as a visual catalog, turning static content into an engaging and interactive

Notifications You must be signed in to change notification settings

sajin-cl/Image-Mapping-Test-Case-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ–ΌοΈ Image Mapping Interactive HTML Page

This project is a simple interactive webpage built using HTML, CSS, and JavaScript that demonstrates the use of image mapping. Users can click on different objects in an image (like a laptop, flower pot, chair, etc.) to get redirected to a Flipkart product page. A confirmation popup appears before redirection.

🌟 Features

  • Image Mapping: Clickable areas on an image representing different items.
  • Interactive Alerts: Alert box pops up before redirecting to product pages.
  • Flipkart Links: Each mapped area links to a related product on Flipkart.
  • Stylish UI: Custom styles and hover effects for a better user experience.
  • Responsive Layout: Centered content for a neat and accessible display.

🧱 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (Vanilla)

πŸ”— Live Demo

(https://sajincl-03.github.io/Image-Mapping-Test-Case-/)

πŸ“ File Structure

β”œβ”€β”€ index.html           # Main HTML file with image mapping
β”œβ”€β”€ image/
β”‚   β”œβ”€β”€ logo.jpg         # Favicon
β”‚   └── tableproducts.webp  # Main image with mapped items

About

This is the main interactive image used for image mapping. It features a table setup with various household items like a laptop, flower pot, chair, and more. Each item is mapped with a clickable hotspot that redirects users to a related product on Flipkart. The image acts as a visual catalog, turning static content into an engaging and interactive

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages