Howdy, Stranger!

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

Image Mapping to Another Twine Page in the Story

Hi all,
I'm pretty new to Twine, and don't have much coding experience.  I am hoping someone can help me to compose a code that allows me to click 3 different sections of an image, each taking me to a Twine page in my story.  Here's what I retrieved from W3schools, but it uses normal links outside of Twine. 

<html><img src="http://www.w3schools.com/html/planets.gif"; width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">

<area shape="rect" coords="0,0,82,126" alt="Sun" href="javascript:state.display('sun',this);">

  <area shape="circle" coords="90,58,3" alt="Mercury" href="javascript:state.display('mercur', this);">

  <area shape="circle" coords="124,58,8" alt="Venus" href="javascript:state.display('venus', this);">

</map></html>


I would like to change the the destination of each click to something like this:  [[Sun]]
This would take me to the page labeled "Sun" in my twine story.  Hope this makes sense!  Any suggestions?

oh... I'm using Twine 2 Sugarcube.

Comments

Sign In or Register to comment.