add imageslider

adds image slider over the output for a cool before-after experience (such as in https://huggingface.co/spaces/stepfun-ai/Step1X-Edit)

app.py

@@ -74,7 +74,7 @@ def infer(edit_images,
     if randomize_seed:
         seed = random.randint(0, MAX_SEED)
 
-    image = pipe(
+    output_image = pipe(
         prompt=instruction,
         image=combined_image,
         mask_image=mask,
@@ -85,15 +85,15 @@ def infer(edit_images,
         generator=torch.Generator().manual_seed(seed),
     ).images[0]
 
-    w,h = image.size
-    image = image.crop((w//2, 0, w, h))
+    w,h = output_image.size
+    output_image = output_image.crop((w//2, 0, w, h))
 
     os.makedirs(args.output_dir, exist_ok=True)
         
     index = len(os.listdir(args.output_dir))
-    image.save(f"{args.output_dir}/result_{index}.png")
+    output_image.save(f"{args.output_dir}/result_{index}.png")
     
-    return image, seed
+    return (image, output_image), seed
     
 # 新增的示例，将元组转换为列表
 new_examples = [
@@ -135,7 +135,7 @@ For more details, check out our [Github Repository](https://github.com/River-Zha
                 )
                 run_button = gr.Button("Run")
             with gr.Column():
-                result = gr.Image(label="Result", show_label=False)
+                result = gr.ImageSlider(label="Result", show_label=False)
                 gr.Markdown("⚠️ If your edit didn't work as desired, **try again with another seed** ! <br> If you use our example, don't forget to uncheck the random seed option. Otherwise, it will still use a random seed.")
         with gr.Accordion("Advanced Settings", open=True):