Update app.py

app.py

@@ -28,6 +28,7 @@ from pipeline_stable_diffusion_xl_instantid_img2img import StableDiffusionXLInst
 from controlnet_aux import ZoeDetector
 
 from compel import Compel, ReturnedEmbeddingsType
+from gradio_imageslider import ImageSlider
 
 with open("sdxl_loras.json", "r") as file:
     data = json.load(file)
@@ -175,7 +176,7 @@ def center_crop_image_as_square(img):
     bottom = (img.height + square_size) / 2
     
     img_cropped = img.crop((left, top, right, bottom))
-    return img_cropped
+    return (img_cropped, None)
     
 def check_selected(selected_state):
     if not selected_state:
@@ -295,7 +296,7 @@ def run_lora(face_image, prompt, negative, lora_scale, selected_state, face_stre
     ).images[0]
     last_lora = repo_name
     gc.collect()
-    return image, gr.update(visible=True)
+    return (face_image, image), gr.update(visible=True)
 
 def shuffle_gallery(sdxl_loras):
     random.shuffle(sdxl_loras)
@@ -322,7 +323,7 @@ with gr.Blocks(css="custom.css") as demo:
     with gr.Row(elem_id="main_app"):
         with gr.Column(scale=3)
             with gr.Group(elem_id="gallery_box"):
-                photo = gr.Image(label="Upload a picture of yourself", interactive=True, type="pil")
+                photo = ImageSlider(label="Upload a picture of yourself", interactive=True, type="pil")
                 selected_loras = gr.Gallery(label="Selected LoRAs", height=80, show_share_button=False, visible=False, elem_id="gallery_selected", )
                 order_gallery = gr.Radio(choices=["random", "likes"], value="random", label="Order by", elem_id="order_radio")
                 #new_gallery = gr.Gallery(