Adding Slider Images
Slider images are typically reserved for your department or office main landing page. We recommend a maximum of three slider photos per page. If you decide to include slider images on other pages, please stick to the three-image maximum. Remember that sliders will add more scrolling depth to your page, which can make already long pages appear even longer on mobile and other smaller devices.
To add a slider image to your page, click on the SLIDER link and then click Select files.
You will be prompted to click to either upload or drag and drop your image from your computer into the select files panel. You can also use an image from the files listing.
Tip: When uploading new images, please use a common naming scheme such as Department Name or Acronym-Image Name (e.g. Biology-Greenhouse; NSS-Orientation1). This will make it easier for you and other web editors from your office or department to locate images that appear on your pages in the Files library.
Images for this section should be sized to the following dimensions:
Width: 1280px
Height: 549px
Resolution: 72dpi
Instructions
- Drag into your browser or use the 'browse to image' into the upload block or 'Select from the Files' menu
- Click the image you want and 'Use Selected'
- Add Alternative Text * and Title which will show up as a caption under the image
-
When embedding a decorative image (an image that does not present important content nor has a function), enter <none> in the Alternative Text field to signify the image should have an empty alt attribute value (e.g., alt="
", sometimes call "null" alternative text). See WebAIM's article on Alternative Text for more information.
-
- You can replace the image by selecting the edit button, or remove it entirely from your slider menu with the remove button