Forum Discussion

FrankWeber-b606's avatar
FrankWeber-b606
Community Member
13 days ago

Rollover-Pictures in Rise360?

Hi all,

I'm wondering if there is a possibility to create rollover-pictures in Rise360? In Storyline this would be easy, but I can't figure out if - and if yes, how - it is possible to exchange a picture when a user hovers over it in Rise360?

Kind regards,

Frank

4 Replies

  • PhilFoss's avatar
    PhilFoss
    Community Member

    Frank, in Rise we use CSS, a hover effect with fading transition. This example is an overlay that includes labels to explain the graphic.

     

  • Hi Phil,

    Thank you for your reply. Just to make sure I understand you correctly: This looks like I would have to edit the HTML-code generated by Rise after the course has been published, right?

    I just don't know if I'm tech-savvy enough to try this - I'm afraid I would wreck the whole thing.
    Is there a guide which tells me in detail how to "read" the code of a published rise-couse? -  i.e. a document that tells me "This folder contains all the CSS-information for your course" or "this style defines the font size of subheadings" etc.?
    Kind Regards and thanks again - and sorry for my delayed response,
    Frank

  • PhilFoss's avatar
    PhilFoss
    Community Member

    Frank, indeed this is a customization and does require knowledge of CSS. My recommended method is to leave all the existing css in the course alone, and add your own css file. This keeps your code separate makes it easier to duplicate to other courses. 

    • FrankWeber-a25a's avatar
      FrankWeber-a25a
      Community Member

      Hi Phil,

      thanks for the clarification. I think I will ask a friend of mine to have a look at my course and help me out with this.