locked
Thumbnails Picture Library SharePoint Online 2013 RRS feed

  • Question

  • 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!

    Wednesday, June 3, 2015 8:34 PM

Answers

  • 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.

    • Marked as answer by star.wars Wednesday, June 17, 2015 5:56 AM
    Thursday, June 4, 2015 6:35 AM

All replies

  • hi,

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

    thx


    iffi

    Thursday, June 4, 2015 5:51 AM
  • 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.

    • Marked as answer by star.wars Wednesday, June 17, 2015 5:56 AM
    Thursday, June 4, 2015 6:35 AM