Image Library Overlay Blocking Picture

Question

I have two questions about a picture library on a public SharePoint 2013 site located at https://bot.ncat.edu/_layouts/15/start.aspx#/Trustee%20Profiles/Forms/Thumbnails.aspx.

1. How do I shorten the overlays at the bottom of the page? They are covering up too much of the photograph. I'd like to make them approximately 1/2 the height they are now.
   
2. When a user mouses over the picture, the person's title, dimensions of the photo and size of the photo are displayed. How do I change this so that only his/her title is displayed?

Thank you.

Answer 1

Hi robynne- I think it would be easier for you to create a custom list or use html in your site to create what you want instead of using the out of the box image library. If you're set on using the image library, see the following posts for the javascript code you'll need to use/alter.

https://social.technet.microsoft.com/Forums/sharepoint/en-US/d5ff610d-f3fc-486d-b334-4e76d1d23450/change-thumbnail-view-of-picture-library-to-show-specific-fields?forum=sharepointgeneral

https://social.msdn.microsoft.com/Forums/sharepoint/en-US/143cff0a-e058-4557-8dfc-1f5b6ee5c371/hide-the-filename-overlay-in-picture-library?forum=sharepointgeneral

---

cameron rautmann

Answer 2

Hi robynne33,            

Per my understanding, you might want to customize the tiles in the style you want.

For the two requirements, there will be three options as below you can consider:

1. Apply custom JavaScript in the page to change the look of the tiles. However, more code in the page, the worse performance it would be. Also, there will be unknown potential risks if our custom code conflicts with the built in code behind;

2. Override the built in JavaScript libraries which responsible for the render of the tiles. This is not a recommended way cause it will affect other components of in the whole farm. Also, if there any update installed in the future, the changes might get lost;

3. Create a custom “Promoted Link Web Part” which acts as the similar way as the OOTB Promoted Links List with the style you want. This is a preferable way as we can avoid to alter the OOTB components, also, we will get more flexibility to implement more specific requirements on style or functionalities.

Here are some JavaScript plugins would be helpful if you choose to implement your own customization:

http://tympanus.net/codrops/2009/09/07/42-jquery-image-gallery-plugins/

Thanks

---

TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact [e-mail].