Forum Discussion

FrancesAranda's avatar
FrancesAranda
Community Member
4 months ago

How set up 5 triggers on different sections of one image?

Hello, I attached the slide that I want to set up 5 triggers on one image. I want the triggers to be set on the image on the left side so when they click for example the grains section that the corresponding image on the right appears over the first image of grains for example. I will need to repeat this process for fruits, vegetables, protein, and dairy. 

I also need to figure out how to select the individual sections on each of the images so that only one section say grains is isolated from the rest of the image without afffecting the other food groups in the image. I looked at some videos and some people used shapes to isolate one section of an image but the image I have is not a simple shape like rectangle or square, etc. I could not find a way to free hand the selection of one section of of the image in SL. I hope this make sense. 

Thank you in advance for anyone who can help me with this. 

storyline 360
  • NedimRamic-88da's avatar
    NedimRamic-88da
    Community Member
    4 months ago

    Use pie shapes and modify them to match the individual sections on the image on the left side. Give them 99% transparency and assign triggers to toggle the states of the image on the right side. The attached .story is just an example of two pie shapes placed over the "Vegetables" and "Grains" sections. When clicked, both show their corresponding layers. Replace the triggers to change the image states once you've placed different images for each state.

    • FrancesAranda's avatar
      FrancesAranda
      Community Member
      4 months ago

      Hi Nedim, thank you for responding to my questions. I was able to set up the pie shapes for the remaining 2 images on the left using your pie shapes as my example. I also did the same to the image on the right with the actual food. However, I do not know how to set up an image of one of the pie sections as a layer. Is this possible. In the sample you shared with me I only saw the text for example for Grains when I clicked on the Grains section on the left side. You mentioned using states for the image on the right but I do not know how to isolate the one section say for grains. I am attaching an updated story with the pie shapes set up for the sections of the plates on both sides. 

    • FrancesAranda's avatar
      FrancesAranda
      Community Member
      4 months ago

      Hi Walt 

      I love the way you set up the layers and zoom feature. It looks like you and Nedim are on the same page with your suggestions to use the zoom feature.

      Can you tell me more how you set up the items to zoom in when they click the section of the image on the left side? I never used this feature before. I learned how to use Storyline late last year so I am still learning many of the amazing features. 

  • NedimRamic-88da's avatar
    NedimRamic-88da
    Community Member
    4 months ago

    You don't necessarily have to isolate every single part of the image. Instead, consider employing a zoom effect and utilize a shape filled with a larger version of your image on each layer, adjusting its OffsetX and OffsetY settings to display only the relevant part. Check the attached video. Let me know if it meets your requirement. I'll upload a story for your further input and adjustments as needed.

  • WaltHamilton's avatar
    WaltHamilton
    Super Hero
    4 months ago

    I made my own zoom.

    1. Enlarge the picture on the base.

    2. Copy it to the layers.

    3. Give it a grow from center animation.

    4. Create a 3/4 pie shape with a partial transparency and rotate it appropriately to act as a shield..

Related Content