Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!


Is there a way to insert a picture that, when I click on it, enlarges?

Often on a web page (or on ebay) I find small images that open a larger picture when I click on them. This would be great, given the space constraints of the two narrow columns in LibGuides.
Last Updated: Apr 15, 2010  |  952 Views

Was this helpful? 2   1


Absolutely! Though if you want to use JavaScript, you'll need to point your system to those scripts on your servers because you cannot upload scripts to Springshare servers.

There are actually a couple of options...

Use JavaScript

You can use a tool like PopBox! to enlarge thumbnails in a pop-up window in your guides. You just need to follow the instructions they provide...and upload the script/stylesheet/images to a server at your library/institution. There are more detailed instructions on their web site as well as in the readme file they provide.

After you upload the script/stylesheet/images to your servers, just add the references to them in your Custom JS/CSS Code box on the System-wide Settings page. (You must be an admin in your system to do this.)

Then follow the instructions for adding the appropriate information to your img tag. After adding the image to your box and saving, edit the box again, click the Plain Text Editor tab at the top of the box, and find the <img> tag for your image. Then add the code/attributes for PopBox! to that tag.

You must be an admin in your system to add the calls to the JavaScript in your Custom JS/CSS Code box.
You must use the Plain Text Editor in a rich text box to add the additional attributes/code to the <img> tag.

Link to the Larger Image

If you're not comfortable with using JavaScript/HTML, or you can't upload the scripts, etc. anywhere, you can always just link out to the full size of the image. It's simple! Just add the image to your box (either scaled down or a separate, scaled down image), then link to the full sized image.

Add the Image

  1. Edit the box where you want to add the image.
  2. Click on the tree icon (tree icon) in the 2nd row of buttons in the rich text editor.
  3. If you have the image manager, click the red link to choose the image from your image library (or upload the image).
    If you do not have the image manager, paste the URL for the image in the Image URL field.
  4. Use the Dimensions boxes to specify the width and/or height of the image so that it fits within the box.
  5. Copy the URL in the Image URL field.
  6. Click Insert.

Add the Link to the Full Size Image

  1. Highlight the image you just added and click the link icon (link icon - to the left of the tree icon).
  2. Paste the image URL in the Link URL field.
  3. Choose whether you want the full-sized image to appear in the same window or in a new window.
  4. Click Insert.


large image example

Answered by Anna BurkeBookmark and Share

Other Answers / Comments (2)

  1. These solutions are really complex and require both require external resources. Couldn't you make it easier to do this within libguides itself?
    by Susannah on Jan 27, 2015.
  2. Hi Susannah,

    Unfortunately this isn't something that could be easily done on the LibGuides side of things. The methods mentioned in the FAQ (although complex) are the most effective way.

    by Brody Selleck on Jan 27, 2015.

Need Help?

This site contains FAQs for LibGuides v1 only.

LibGuides v2 Documentation
(You must have a LibApps account to access that site.)

Or click HELP in the orange command bar of your v2 system.


Follow LibGuidesFAQ on Twitter Follow us on Twitter!
 Your questions, answered!

Browse by Popular Topics

Accounts  –  Admin Area  –  API / Widgets  –  Boxes  –  Catalog / Database Integration  –  CSS  –  Customization  –  E-Reserves  –  Embedding Objects  –  General System Questions  –  Group Management  –  Guides  –  Holiday Closures  –  How To...  –  Images  –  LibGuides CMS  –  Links  –  Mobile  –  Pages / Tabs  –  Profiles  –  RSS  –  Search  –  Security  –  Statistics  –  Subject Categories  –  Survey/Form Tool  –  System Administrators  –  Tags  –  Webinar  
View All Topics

Related content from Springshare v1 Help