update ui

app.py

@@ -3156,9 +3156,9 @@ with demo:
                     Clear All Points
                     </h5>
                 """)
-                prompt_image1 = ImagePrompter(show_label=False, elem_id="prompt_image", interactive=True)
-                prompt_image2 = ImagePrompter(show_label=False, elem_id="prompt_image", interactive=True)
-                prompt_image3 = ImagePrompter(show_label=False, elem_id="prompt_image", interactive=True)
+                prompt_image1 = ImagePrompter(show_label=False, elem_id="prompt_image1", interactive=False)
+                prompt_image2 = ImagePrompter(show_label=False, elem_id="prompt_image2", interactive=False)
+                prompt_image3 = ImagePrompter(show_label=False, elem_id="prompt_image3", interactive=False)
                 # def update_number_of_images(images):
                 #     if images is None:
                 #         return gr.update(max=0, value=0)
@@ -3177,8 +3177,9 @@ with demo:
                         return 
                     if index >= total_len:
                         index = total_len - 1
-                    # return gr.update(value={'image': images[index][0]})
-                    return gr.update(value={'image': images[index][0], 'points': []})
+                                            
+                    return ImagePrompter(value={'image': images[index][0], 'points': []}, interactive=True)
+                    # return gr.Image(value=images[index][0], elem_id=f"prompt_image{randint}", interactive=True)
                 load_one_image_button.click(update_prompt_image, inputs=[input_gallery, output_gallery, image_type_radio, image1_slider], outputs=[prompt_image1])
                 load_one_image_button.click(update_prompt_image, inputs=[input_gallery, output_gallery, image_type_radio, image2_slider], outputs=[prompt_image2])
                 load_one_image_button.click(update_prompt_image, inputs=[input_gallery, output_gallery, image_type_radio, image3_slider], outputs=[prompt_image3])