updated layout

app.py

@@ -1,6 +1,7 @@
 import subprocess
 from PIL import Image
 import gradio as gr
+import os
  
 # First, running the inversion command to obtain the input noise that will reconstruct the image. 
 # It will save the inversion as output/test_cat/inversion/image-name.pt 
@@ -64,8 +65,16 @@ with gr.Blocks() as demo:
                 Please visit their website and <a href="https://github.com/pix2pixzero/pix2pix-zero" target="_blank">github repo</a> for more details.
                 </p></div>""")
   gr.HTML("""<a href="https://huggingface.co/spaces/ysharma/pix2pix-zero-01?duplicate=true"><img src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a>Duplicate this Space and upgrade to a GPU for fast Inference & no queue<br>""")
-
+    
   with gr.Row():
+    gr.Examples(
+        examples=[os.path.join(os.path.dirname(__file__), "dog11.jpg"), os.path.join(os.path.dirname(__file__), "cat11.jpg")],
+        inputs=image_in,
+        #outputs=im_2,
+        fn=inversion,
+        cache_examples=True,
+    )
+    direction_html = gr.HTML(value="<h4>👈Click on this example or Upload a Dog or a Cat image to get started👉</h4>", visible=True)
     image_in = gr.Image(type="pil", label="Start by uploading an image of a Cat or a Dog that you want to translate")
     with gr.Column():
       btn_inversion = gr.Button("Get input noise and image caption",visible=False )
@@ -87,10 +96,13 @@ with gr.Blocks() as demo:
         image_synth = gr.Image(visible=False, label="Synthetic image generated by Stable Diffusion on the fly")
         image_synth_translated = gr.Image(visible=False, label="Translated synthetic image")
 
+    image_in.change(set_visible_False, [], direction_html)
+      
     btn_inversion.click(inversion,[image_in],[inversion_file, blip_prompt])
-    btn_inversion.click(set_visible_true, [], task_name_radio)  #inversion_file, blip_prompt,
+    #btn_inversion.click(set_visible_true, [], task_name_radio)  #inversion_file, blip_prompt,
     btn_inversion.click(set_visible_False, [], btn_inversion)
 
+    inversion_file.change(set_visible_true, [], task_name_radio)  #inversion_file, blip_prompt,
     #task_initial_radio.change(set_visible_true, [], btn_imageedit)
     
     task_name_radio.change(set_visible_true, [], btn_imageedit)