If a Picture is Worth a Thousand Words – I’d Better Start Writing

THE MISSION

This week’s eLearning challenge is to make an image slider or photo gallery that can be used in an eLearning course.

THE INSPIRATION

I found a few online photo galleries that I liked and I combined different features from each to come up with my gallery.  I wanted the gallery to slowly cycle through a group of pictures, but also to let the viewer have the option of selecting images from a hidden menu.

Once I had a concept, I needed some attractive images that I could display.  A friend of mine, Cyrus David is a film editor, he agreed to let me feature some of his photos in this challenge.

THE PROCESS

I built this in three scenes, one for the beginning, or “Home” slide, one for all the cityscape images and one for the amusement park images.  To make the images continually cycle, I adjusted the timeline of each slide to end at 5 seconds and made a trigger that would jump to the next slide/photo at the end of each timeline.

image1
Slide showing hotspot on left and trigger to Menu layer.

 

 

 

 

 

 

 

 

 

 

 

I constructed a hidden menu that appears when you move your mouse over the left edge of the slide.  I accomplished this by putting a hotspot on the left portion of every slide and added a menu layer.  The menu layer had an animated menu layer with hotspot and triggers that would move out from the left when triggered from the hotspot (show layer MENU when the hotspot is moused over).  Another hotspot was located on the MENU layer. beside the menu.  It’s trigger would hide the layer when the mouse moved away from the menu (hide layer when hotspot is moused over).

 

Menu layer with hotspot and triggers
Screenshot of menu layer showing the hotspot on the left used to hide the menu on hover and the triggers.

THE OUTCOME

It took a bit of playing around with the menu to discover the best way to get it to function the way that I wanted it to, but I am pleased that the end result turned out so well.  It is exactly as I imagined it, check it out for yourself here.

17 Comments

  1. I absolutely love your blog.. Excellent colors & theme.
    Did you make this web site yourself? Please reply back as I’m looking to create my own personal site and would love to find out
    where you got this from or just what the theme is named.
    Thanks!

    August 4, 2015
    Reply
    • Thanks Camarillo. Yes, I made it myself using the WordPress Ignite theme. I never used WordPress before this, but I found it pretty easy to get this blog up and running.

      August 4, 2015
      Reply
  2. technology said:

    I think everyone can use a tad bit more of this information.

    August 17, 2015
    Reply
  3. Hmm is anyone else having problems with the images on this blog loading?
    I’m trying to determine if its a problem on my end or if
    it’s the blog. Any suggestions would be greatly appreciated.

    October 24, 2015
    Reply
    • I haven’t heard of any image problems, it looks fine on my end. I’ll check from other locations.

      October 24, 2015
      Reply
  4. Once I initially commented I clicked the -Notify me when new feedback are added- checkbox and now every time a comment is added I get four emails with the same comment. Is there any manner you possibly can take away me from that service? Thanks!

    January 23, 2016
    Reply
    • I’m sorry that you’re having this problem. I tried emailing you directly, but it bounced back. I’m new to WordPress, and I can’t find where I can adjust subscriptions. From what I’ve read, there should be a option at the bottom of the emails that you receive for you to unsubscribe. Hopefully, that will solve your problem.

      January 25, 2016
      Reply
  5. Hello! This is my first comment here so I just wanted to give a quick shout out and say I truly enjoy reading your posts. Can you suggest any other blogs/websites/forums that deal with the same topics? Thanks!

    February 5, 2016
    Reply
  6. Daniela said:

    Linda, this is great. Looks like your site is well on its way.

    March 1, 2016
    Reply
    • Thanks Daniela. I guess you’ll be launching your new site soon.

      March 1, 2016
      Reply
      • Daniela said:

        I have a question. Are you using a web host? Can you upload .story files yet?

        March 2, 2016
        Reply

Leave a Reply

Your email address will not be published. Required fields are marked *