Skip to Content - Skip to Navigation

Add IUP Stock Photography to Your Page

These instructions are the same as  How to Add an Image to Your Page, but are specific to IUP Stock Photography. 

Adding images to your website is recommended, as it adds variety to your page.

There are two ways to add an image to your page: using the metadata and using the Library feature.

Metadata:
Use the metadata if the image is the main artwork for your page, and you want it to span the entire width of your page. The full-size image will display directly beneath the headline. You do not have control over size or placement using the metadata.
Note: Items added to a page’s metadata will not appear, even in preview mode, until the page is actually published.

Library:
Use the Library if the image is only half the width of your page, or if you want to control where in your content block the image displays. The Library feature gives you more control than the metadata over the size and placement of your image.

Adding an Image through Metadata

(Known issue: Images added this way may not appear on the webpage due to an Ektron glitch. If you’ve done everything correctly, but the image just won’t show up on the published page, you’ll need to add the image into the Content instead.)

To add an image through the metadata, follow this process:

  • While editing your main content block for the page, click on the Metadata tab and scroll down to the very bottom, where you’ll see Image Data. Click on Edit. The Library Folder screen will come up. (See below.) Library folder window
  • On the left side of the screen, find and open the Units folder (open by clicking on it). Then find and open the P - Pq folder; then the Photographer folder, then the Gallery folder. Once you have opened the Gallery folder, you should see folders that organize our photographs by year and size.
  • Choose a year, then a size. You should now see photos displaying on the right side of the screen. If you do not, make sure the pull-down list of object types reads “Images.”
  • You can search for particular kinds of images.
    • To search the Photographer’s library for the image you want, click on the Search icon (binoculars) on the top toolbar. The “Search Library Folder” screen comes up.
    • Enter a keyword or keywords describing what kind of photo you want in the empty field. Keep in mind that the photos are different sizes, so choose a photo that is the size you need. Remember that a main image for your page should be two columns (573 pixels wide). 
  • Once you have found the image you want to use, double-click on the image or the file name (never the little yellow box). The image’s file name will then be added to the blank field, and the image will be added to your page.

Adding an Image Using the Library Feature

Follow this process to insert an image using the Library feature:

  • While editing your main content block for the page, place the cursor where you would like to add the image.
  • Click the Library icon (image) and you will see the Library screen below: Library folder window
  1. On the left side of the screen, find and open the Units folder (open by clicking on it). Then find and open the P - Pq folder; then the Photographer folder. Once you have opened the Photographer folder, you should see photos displaying on the right side of the screen. If you do not, make sure the pull-down list of object types reads “Images.”
  2. To search the Photographer’s library for the image you want, click on the Search icon (binoculars) on the top toolbar. The “Search Library Folder” screen comes up.
  3. Enter a keyword or keywords describing what kind of photo you want in the empty field. Keep in mind that the photos are different sizes, so choose a photo that is the size you need. Remember that a main image for your page should be two columns. 
  4. Once you have found the image you want to use, double-click on it. The image will be placed into your content block.
  5. Image properties using the InspectorAligning an image is a two-step process:
    1. First, click the image once to select it. (See sample Inspector at right. If the “Element:IMG” tag does not appear at top, click the image again.) At the bottom of the Image Elements menu, choose left- or right-aligned image under “Style Selector.”
    2. Next, click the image once more. The "class" field will now fill in with the same alignment. The first step places the image in the correct location, and the second adds a buffer zone around the image so the text does not butt up against it.
  6. Edit the title and alt fields so that they describe the image (these descriptions should match). This is required for accessibility reasons—these descriptions will be read aloud by the computer for people who use screen readers.
  7. The height and width will automatically be filled in. (Do not change these numbers. Remember that all images must be resizedbefore uploading into Ektron, not from within Ektron.)

Note: If you forget to make changes to a picture after you have added it to the content block, you can click the picture and then click on the Inspector arrow to display the Image Elements.

Moving an Image

If the image is placed in the wrong location on the page, click it once to select it, then right-click and choose “Cut.” Place the cursor at the beginning of the paragraph that you want the image to be next to, and choose “Paste.” You will then need to repeat the aligning process (step 5 above).

  • Web Team
  • Sutton Hall, Room 316
    1011 South Drive
    Indiana, PA 15705
  • Phone: 724-357-3062
  • Fax: 724-357-5512
  • Office Hours
  • Monday through Friday
  • 8:00 a.m. – 12:00 p.m.
  • 1:00 p.m. – 4:30 p.m.