adding image class in Twine 2.x SugarCube

Comments

• nicolem

  April 2015

  I'd just wrap it in a span, personally.

  <span class="myimage">[img[http://lorempixel.com/400/200][next passage]]</span>

  You can target it in CSS the same way as you would if the image itself had a class, and it'll work regardless of whether or not it's wrapped in an A tag like the example above would be:

  .myimage img {
width: 50%;
height: auto;
}
• caberg

  April 2015

  oh ic so that's really works then using native html tag because when i edit the Twine output file and add

  <img src="ring.jpg" alt="">

  it doesnt work
  
  but when add

  <img src="ring.jpg" alt="">

  in the editor it does works fine because the output became

  <img src="ring.jpg" alt="images"/>

  silly me LOL
  
  and thx for the answer, good job.
  
  btw i just add class in image tag using native html syntax and it does works

  <img class="my-images" src="ring.jpg" alt="this is awesome">

  i hope there's no issue add images just like that