Skip to Main Content

LibGuide Tricks: Add Images to Links & Lists

Tips to use in LibGuides 1 - DO NOT USE IN LIBGUIDES version 2.

LIBGUIDES 1

PLEASE NOTE THAT THIS INFORMATION IS FOR LIBGUIDES 1 ONLY - DO NOT ATTEMPT IN LIBGUIDES 2.0.

Add Images to Links & Lists

Here is an easy way to add an image to a link.

Sample code used:

<img border="0" src="http://lgimages.s3.amazonaws.com/data/imagemanager/39680/brainview.jpg" width="69" height="70" /><br />iSurf BrainView By Netfilter

Instructions

  • Create a box of links and lists.
  • Click the add text selection in the links and list box. Insert the image.
  • Hit cancel so that it does not actually display in the box, but now will display in the link.
  • Add html image code in the "Link Title" box before the link title. Replace the image link to match yours in the code.
  • <img border="0" src="http://lgimages.s3.amazonaws.com/data/imagemanager/39680/brainview.jpg" width="69" height="70" /><br />
  • Enter the link title after the code.

 

Example Box with Images in Links