Image Slider Widget

Introduction

The Image Slider widget can be inserted nearly anywhere on the ActivityMaker Mobile Text Page.

The  Image Slider allows you to insert a series of images on a page that are view-able through a carousel-like viewer. That means that your students can click on arrows to view the images or, on a mobile device, swipe to advance or turn back the images.  A simple option allows you to include thumbnail images and a slide transition.

Getting Started

STEP ONE

Start with a Text Page. Place your cursor somewhere on the Text page and then select the black sprocket  2018-04-25_2105   from the HTML Editor Tool Bar.

2018-04-26_2042

HTML Editor featuring the Widget Tool.

STEP TWO

Select a widget type. For the purposes of this article, I’ll choose the Image Slider Widget.

2018-05-03_2032

Widget Menu featuring Image Slider

STEP THREE

Click on the image field.  A file requester will appear.  Browse to the image of your choice and double-click on the image to add it to the image slider.  LodeStar will make a copy of the original and place it inside your project.

2018-05-03_2016

Image Field

STEP FOUR

Add a caption below the image.  Click on the ‘+’ button to add more images.

2018-05-03_2019

Add/Delete Images

STEP FIVE

 Add as many images as you wish, and then check the ‘Display List” box if you want thumbnails of the image to appear either alongside (if there is enough screen space) or below.  Check ‘Slide Transition’ if you want a transition effect (i.e. a slide) to accompany the display of images.

STEP SIX

Once you have added as many images with captions as you wish, click on the ‘Ok’ button. (Be mindful that too many images of large sizes may result in slow download times.)

After you click on ‘Ok’, you will see a placeholder for the widget activity. The placeholder will always be some content surrounded by a round-cornered border.

2018-05-04_0904

Image Slider viewed by author

 

This is not what the student will see. You must click on the Preview button at the top left to see the widget converted into an image carousel.

2018-05-04_0908.png

Image Slider viewed by student

You can add as many widgets to a page as you wish.

Conclusion

The Image Slider widget enables you to combine imagery with text and other widgets. The Image Slider gives students a convenient way to view images without scrolling endlessly.

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s