Update app,py

app.py

@@ -45,21 +45,24 @@ def generate_image(period1, period2, interpolation_value):
     pil_img = PILImage.fromarray(generated_image)
     return pil_img
 
-# Define Gradio interface
+def update_image(dropdown1, dropdown2, slider):
+    iface.update(gr.Image(value=generate_image(dropdown1, dropdown2, slider)))
+
+
+with gr.Blocks() as inputOutput:
+    dropdown1 = gr.Dropdown(choices=period_names.tolist(), label="Period 1")
+    dropdown2 = gr.Dropdown(choices=period_names.tolist(), label="Period 2")
+    slider = gr.Slider(0, 1, step=0.1, label="Interpolation")
+
+    slider.change(update_image, dropdown1, dropdown2, slider)
+
+# Define the Gradio interface
 iface = gr.Interface(
     fn=generate_image,
-    inputs=[
-        gr.Dropdown(choices=period_names.tolist(), label="Period 1"),
-        gr.Dropdown(choices=period_names.tolist(), label="Period 2"),
-        gr.Slider(0, 1, step=0.1, label="Interpolation")
-    ],
-    outputs=gr.Image(label="Generated Image", height=218, width=178)  # Set height and width as desired
-)
-
-def update_image(slider_value):
-    iface.outputs[0].set_value(generate_image(*iface.get_input_parameters()))
-
-iface.inputs[-1].observe(update_image, names="value")
+    inputs=[dropdown1, dropdown2, slider],
+    outputs=gr.Image(label="", height=250, width=250),
+    allow_flagging="never")
+
 
 if __name__ == "__main__":
     iface.launch()