Virtual Art Gallery

This example created with HTML and Javascript uses a horizontal scrolling slider to simulate walking through an art gallery. The user can click on each of the paintings to learn more using modals. Each modal contains a learning interaction. This example shows how static content can be made more interactive.

This could potentially be developed into a much larger interaction with the addition of other art galleries with different themes or more artworks could be added to the existing gallery.

Visit Virtual Art Gallery – Self Portrait Learning Interaction

virtual art gallery entry screen screenshot
Opening Screen of Self Portraits – Virtual Art Gallery

Source: Content and images for this example were sourced from Wikipedia’s Self Portrait page. All images are in the public domain.

Skills

  • Developed with HTML, CSS, Javascript.
  • Simulation.
  • Web development

Comments are closed.