Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

How do i add images to my click and choose version of zork.

Ok i'm using sugercube to run the game and you pretty much get severly options to go diffrent places anyway how do i add images to the backgrounds of each clip i don't know how css works which i know you are thinking you have to use css but where do i get this or how can i use a picture from like google images? any links or css you have design will be helpful if you do add your own css and i use it or figure out how to use it you will be credited for helping. btw im using twine 2.0.6

Comments

  • edited June 2015
    By backgrounds do you mean whole page backgrounds or just above/below text?

    For the latter, you just write img[image.jpg where you want the image to appear, assuming "image.jpg" is the name of your image file stored in the same folder as the story.

    Actual background images take a fair bit of css customization so you would need to learn css. You'd be changing a lot in your css file to get them to work properly (including transitions/animation), so I wouldn't be willing to just provide copy and paste code that's "coding knowledge free" because you'd invariably have to alter it for your own story so would need to learn css.

    This website may be helpful, however: https://www.glorioustrainwrecks.com/node/5163 as it contains some examples that you can use to get on the right track.

    BTW: I prefer not to be acknowledged in credits for forum posts. I think credits imply a level of help beyond forums.
  • edited June 2015
    What i ment is like the first page of my game have an image when you click on another part of my game to progress to another slide the next slide has a diffrent image
  • Like Claretta, I also do not wish to be credited.

    Check out my Beginner's CSS guide here: CSS is Your Friend: The Basics of Changing Twine's Default Appearance For Newbs

    Here is the HTML syntax for making an image display:
    <img src="http://www.example.com/image.jpg">;
    

    Ignore the semicolon (';') after the code. A glitch in the forum software puts it after some lines of code.

    Place that code (without the semicolon) where you want your image to display.

    Like @Claretta said, here is the SugarCube syntax:
    [img[http://www.example.com/image.jpg]]
    

    Place that code where you want the image to display.

    If you want the picture to be a background image, that is done in the style sheet. In addition to the above link to my CSS guide, here is a link explaiining how to add background images: http://www.w3schools.com/cssref/pr_background-image.asp
  • THANKKKKKK you soooo much i really need this i published my game and now that i know how to do this i have to take it down and put images but atleast it will be better thanks again
Sign In or Register to comment.