added imagelslider and examples with caching

app.py

@@ -9,6 +9,7 @@ from torchvision.transforms import Compose
 import cv2
 from huggingface_hub import hf_hub_download
 from safetensors.torch import load_file
+from gradio_imageslider import ImageSlider
 import spaces
 
 # Helper function to load model from Hugging Face
@@ -69,7 +70,7 @@ def process_image(image, model, device):
     
     # Convert to a PIL image
     depth_image = Image.fromarray(depth_colored_hwc)
-    return depth_image
+    return image, depth_image
 
 # Gradio interface function with GPU support
 @spaces.GPU
@@ -114,10 +115,11 @@ def gradio_interface(image):
 iface = gr.Interface(
     fn=gradio_interface,
     inputs=gr.Image(type="pil"),  # Only image input, no mode selection
-    outputs=gr.Image(type="pil"),  # Only depth image output, no debug info
+    outputs = ImageSlider(label="Depth slider", type="pil", slider_color="pink"), # Depth image out with a slider
     title="Depth Estimation Demo",
-    description="Upload an image to see the depth estimation results. Our model is running on GPU for faster processing."
-)
+    description="Upload an image to see the depth estimation results. Our model is running on GPU for faster processing.",
+    examples=["maizi.jpg", "hair.jpg", "videoframe_10273.png", "videoframe_2168.png", "videoframe_3289.png"],
+    cache_examples=True,)
 
 # Launch the Gradio interface
 iface.launch()