Background image without internet connection

0 votes
asked May 10 by Jack (140 points)
edited May 10 by Jack
Hello. I have a very big problem. In twine background image add only with link with photo. And when I start the my project without internet backround don't load. How I can do this without internet connection? But don't open image in web browser from computer!

2 Answers

0 votes
answered May 10 by Akjosch (6,240 points)

You should tag your question with the twine version and the type and version of the twine story format you're using, since the answers will depend on them.

For an example, when using TweeGo and SugarCube 2 (any reasonably recent version), you can just put the background image file - let's name it "background.jpg" - into one of the directories you use to compile your story, then reference it in the CSS like this to put it as the story section's background image.

#story {
    background-image: [img[background]];
}

The "background" part here comes from the file name. If your file was named "paper.jpg", you'd use "background-image: [img[paper]];", and so on.

commented May 10 by Jack (140 points)
I'm sorry, forgot write. Version - 2.2.1, storyformat - Harlowe 2.1.0.
commented May 10 by Akjosch (6,240 points)
Not what I meant. You can add tags to your questions, so people with a particular interest in specific story formats - and those tend to be the most knowledgable - can find them easier.

Look at the other questions, they are those orange boxes below the text itself.
commented May 10 by Jack (140 points)

Already done smiley. But what I can do with my problem? Please, help me.

commented May 10 by Akjosch (6,240 points)
Sorry, somebody who knows how Harlowe does those things will need to help you further.
0 votes
answered May 10 by greyelf (83,550 points)

To see your images while off-line you will need to store a copy of those images in a location relative to to the folder you are storing the story HTML file you generated using the Publish to File option. The Not able to set background image question has an answer (for SugarCube) which describes this method and includes one possible folder/file structure you could use.

NOTE: For Harlowe you will need to replace the CSS example given in that answer with something the following, which needs to be placed within your project's Story Stylesheet area.

tw-story {
	background-image: url("images/image.png");
	background-repeat: no-repeat;
	background-position: center;
}

... obviously you will need to replace the "image.png" image file name in the above example with the actual file name of your background image. Now when you use the Publish to File option and save your story HTML file within the example's C:\mystory folder you should see your background image.

Welcome to Twine Q&A, where you can ask questions and receive answers from other members of the community.

You can also find hints and information on Twine on the official wiki and the old forums archive.

See a spam question? Flag it instead of downvoting. A question flagged enough times will automatically be hidden while moderators review it.
...