Update app.py

app.py

@@ -75,23 +75,26 @@ def find_top_images(text_query):
 
     return all_results
 
-def show_image_in_larger_view(image_url):
+def enlarge_image(image_url):
     # Return the larger image when clicked
-    return gr.Image.update(value=image_url, visible=True, interactive=False, width=600, height=600)
+    return gr.Image.update(value=image_url, interactive=False, visible=True, width=600, height=600)
 
 # Gradio interface setup
 with gr.Blocks() as demo:
     gr.Markdown("Query Results using OpenAI CLIP (openai/clip-vit-large-patch14-336)")
     text_input = gr.Textbox(label="Enter your text query")
 
+    with gr.Row():
+        image_output = gr.Image(label="Enlarged Image", visible=False, width=600, height=600)
+
     # Output row for the model
     image_elements = []
     with gr.Row():
         for i in range(5):
             image = gr.Image(label=f"Image {i+1}", width=200, height=200)
             image_elements.append(image)
-            # Add the on-click event to zoom the image
-            image.click(fn=show_image_in_larger_view, inputs=image, outputs=image)
+            # Add the on-click event to zoom the image by passing the image URL to the enlarge_image function
+            image.select(fn=enlarge_image, inputs=image, outputs=image_output)
 
     text_input.submit(
         fn=find_top_images,
@@ -99,4 +102,4 @@ with gr.Blocks() as demo:
         outputs=image_elements
     )
 
-demo.launch()
+demo.launch()