What is different str original from str pc.foreach()

[cheuora]

I am making a simple image slider code and meet a problem.

class CondState(pc.State):

    # image
    images = ["/img1.jpg", 
              "/img2.jpg", 
              "/img3.jpg", 
              "/img4.jpg", 
              "/img5.jpg"]
   ...



def test_box( image, count):
    print(image) 
    return pc.box(pc.text(image),
                pc.image(src=f'{image}', width='100px'), 
                pc.text(count))

def gallary_form():
    return pc.box(
        pc.vstack(
            pc.heading(pn.CondState.value),
            pc.box(
                pc.center(
                    pc.foreach(pn.CondState.images, lambda image,count: test_box(image, count))
                ),
                width='1000px', height='450px'

            ),
            pc.slider(on_change_end=pn.CondState.set_end, width="1000px", height='50px',max_=4),

        )
    )

I get a list of img files and show it with foreach(). I can get image name from images list in state class. But I cannot display image using this image name using pc.images(). I checked valiable using print() and result was

[{maimobcu}]

This is why I cannot get image src path I think. When I check Developer page in Chome Browser, src path was maimobcu .

How can I get image name not hashed?

[picklelo]

Aanything in your frontend is of type pc.Var[str] rather than str.

We need to update the docs here - but If you want to use strings, currently you can prefix a $ to it like pc.image(src=f'${image}', width='100px').

[cheuora]

Thanks for your reply.

I tried as you suggested like below.. But it doesn't work

def test_box( image, count):
    print(type(image))

    return pc.box(pc.text(image),
                pc.image(src=f'${image}', width='100px'), 
                pc.text(count))


def gallary_form():
    return pc.box(
        pc.vstack(
            pc.heading(pn.CondState.value),
            pc.box(
                pc.center(
                    pc.foreach(pn.CondState.images, lambda image,count: test_box(image, count))
                ),
                width='1000px', height='450px'

            ),
            pc.slider(on_change_end=pn.CondState.set_end, width="1000px", height='50px',max_=4),

        )
    )

image source is still like below

<img src="${xilmhqbo}" class="chakra-image css-v7v99c">