Adding images.

So,i am really new around here and i was wondering if it is possible to add images next to the text (or maybe above it). I have seen some examples where people use images and it looks beautiful but i just cant seem to understand how. I have searched all the documentation and even searched for tutorial video and found nothing.
*I want to point out that i'm not using any intense JavaScript,just some simple sections and passages to make a story.

Thanks for your time!

To use images you can use the html img tag, you can use this between words or in a new line.

 <img src="">

More info in

I tried it because im using the
tags but id didnt work. It is probably because i didnt put a link in the src atribute(i put image.png which was saved on my desktop). Works very well not thanks alot!


Yes, are you editing your game in online editor?, if correct for use images you may host the images in any free server y after link it with src attribute.

If you is editing your game in the desktop edition is same, host the images in online server or place it in the directory of the default history installation. I dont know now what is this directory, give me a moment and i tell you this.

In my case, when i use

<img src="hello.jpg"> 

i will place the image in the directory:

C:\Program Files (x86)\Squiffy\resources\app

Can you try this? Works fine for my in the desktop version.

Thank you very much!

If you're new to programming and Squiffy, and if you just want to put the image above or below the text without any fancy formatting, Markdown works.


To IFforClassroom,
As far as I know, Image markdown tag does not work in Squiffy because it conflicts with passage tag of Squiffy.
Have you ever tried it in your Squiffy? Did it really work????? I can't believe it.

It does work for me.

To IFforClassroom,
Give me your actual codes. I want to try it.

To Manowar,
Is it possible to use image markdown tag in Squiffy?
image markdown tag use [ ] which is used in Squiffy to display passage text.
As such, it conflicts each other. So we can't use image markdown tag in Squiffy.

Have you ever used image markdown tag in Squiffy?
or you just say the markdown tag you know without testing it in Squiffy?

Yes, story10, I'm putting the following picture into a game I'm slowly writing:


For a full working example, I'm using this method for some of the smaller images in my ESL game, May I ask you a story? which you can find in the Work In Progress section.

That said, it only works for online images, not for images in your zipped game folder. So you'll want to check licensing information or put your own images online to avoid copyright infringement.

Thank you for explanation. I could correct my misunderstanding of markdown in Squiffy.

you see. that is how u do it
1/ go on google and find the picture u like. Note: do not save it to ur computer
2/ enter this into the script<img src="
3/ go back to the picture you want to put and just copy it. just copy it don't save it
4/ go back to the script and paste it
it gonna look something like this<img src="
5/ ADD the " sign
make it look like this<img src="" instead of <img src="
6/ copy this style="width:600px;height:279px;">
now if u don't like the size of the picture. what do u do? easy adjust it. how
play with these two numbers the height and the width style="width:600px;height:279px;">

it does not get easier
ohhhh yeah baby its me. I am Ryan from fort Hamilton. Mr. G is the best

Ryan(james bond it helped thanx👍🏼

This topic is now closed. Topics are closed after 60 days of inactivity.