Adding Animated Images (GIF) to School Sites

Overview

Webmasters and staff may want to add GIFs to the webpages on school or personal user sites.

Prerequisites

• You need to have webmaster rights to add a GIF to a school site.
• You need to have a teacher, admin, or staff account to add a GIF to a user site (My Website).
• The GIF dimensions (width/height) must not exceed 1000 pixels. Otherwise, it will not be animated on the site.
  To check the size of your GIF file, right-click on it and select Properties, under the Details tab the dimensions are displayed:
  
  
  
  If your image is bigger, you can resize it using any of available free web resources.

Solution

1. Log in to your School Loop account.
   
   • Click Site Center if you want to add GIF to one of the pages on the School Site.
     
     
     
     
   • Click My Website if you want to add GIF to your User Site.
     
     
     
     
2. Add a Text module to the required page or your user site.
   If you are adding a GIF file to the Image module, it will not be animated on the site.
   
   
3. Click on the newly added Text module and then click on the Images icon from the toolbar.
   
   
   
   
4. Drag and drop the required GIF file or select a file from Locker.
   
   
   
   
5. In the new window, select 100% width for the GIF to be displayed in full size, or select Fixed size and enter the desired width and height in pixels for the image.
   You can also add alternative text, rotate and flip the image, add an image border (black), horizontal and vertical padding.
   
   
   
   
6. Click Select.
7. Edit the page as desired.
8. Once it is ready to be published, click Publish Changes in the top right corner of the screen.
   
   

Confirmation

Open the updated page or user site.



The animated GIF should be properly reflected on the page:

Back to top