# Loading additional models

This last section of code has little to do with HOOPS Visualize Web, so we will not delve too deeply, but it is provided for reference. Below the “Main Viewer” is the “Model Browser” section of thumbnails. When a thumbnail is clicked, a load model event will be triggered for that model. We will add functionality to our main class to initialize these `onclick` events.

The following code is near the end of the `init` member function of Application.ts:

    const thumbnailElements = document.getElementsByClassName("model-thumb");
    for (let thumbnail of thumbnailElements) {
        let thumbnailElement = thumbnail as HTMLElement;
        thumbnailElement.onclick = (e) => {
            e.preventDefault();
            let elem = e.currentTarget! as HTMLElement;
            let modelToLoad = elem.getAttribute("model");
            // Load the model into the scene when clicked
            this.loadModel(modelToLoad!);
        };
    }

Conversation saved
HOOPSY BETA

### Hello! I'm HOOPSY

Your Docs generative AI assistant. Ask me anything about HOOPS Visualize Web or choose a sample question below to start a conversation:

What is HOOPS Visualize Web?
What are the latest release notes for HOOPS Visualize Web?
How do I start evaluating HOOPS Visualize Web?
How do I write my first sample application?
How can I get assistance?

HOOPSY may store conversations according to OpenAI's policy. Responses may not always be accurate.

HOOPSY is thinking...