Thumbnails Picture Library SharePoint Online 2013

Question

_{Wednesday, June 3, 2015 8:34 PM}

Hello everybody,

I'm trying to make a change in one of my picture Library SharePoint 2013 Online.
As you know Picture Libraries comes with the capability to show a folder icon upon create a new folder inside of the Picture Library, what i want to do is show one of the images uploaded into the Picture library instead the icon folder..

EXAMPLE/CASE:
I have a picture library with 1 folder called "Cars" and in this folder i have 3 images uploaded, i want to show one of this picture in there

Thanks for your help!

All replies (2)

_{Thursday, June 4, 2015 6:35 AM ✅Answered}

Hi

If you are OK with jQuery and CEWP, you can achieve it using below steps-

1.) Navigate to page and press F12 to open developer tool. This is used to get "Img" element Id- used to show folder icon as in below screenshot

2.) Add content editor web part to this page and add below code in that page.

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script><script type="text/javascript">
$(document).ready(function(){
 $("#Tile_WPQ2_2_7").attr('src','ImgUrl');
});
</script>​​<br/>

Replace "ImgUrl" with actual Image Url you want to use.

In my case Id was "Tile_WPQ2_2_7", replace this with correct id.

Hope it helps.

Danny
MCTS, MCP
LinkedIn | Twitter
Please remember to "Mark as Answer" if it works or vote of it is helpful.

_{Thursday, June 4, 2015 5:51 AM}

hi,

i think there does not appear to be a way to do this out of the box

thx

iffi