Please click image above to view full website and elements
For my jQuery project, the goal was to learn how JavaScript and jQuery can be used to create more interactive and dynamic elements on a website. jQuery is a JavaScript library that simplifies coding by allowing developers to perform actions such as animations, event handling, and content changes. In this project, I focused on implementing jQuery to enhance the functionality of a webpage and improve the user experience through interactive features.
For my project, I created an image gallery that allows users to interact with multiple photos in a visually organized way. I used images that were simple yet effective such as some outdoor images in areas of Richmond Hill and Toronto to showcase how jQuery can be displayed. I was able to add functionality so that when a user clicks on a thumbnail, the main image changes automatically. This made the gallery more engaging and easier to navigate compared to a static set of images.
This assignment helped me better understand how jQuery works alongside HTML and CSS to add interactivity to websites. I learned how to link JavaScript files properly and apply functions that respond to user actions such as clicks. Overall, the project strengthened my understanding of front-end web development and demonstrated how jQuery can be used to make websites more dynamic and user-friendly.