SOLVED

Image links?

%3CLINGO-SUB%20id%3D%22lingo-sub-1174543%22%20slang%3D%22en-US%22%3EImage%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1174543%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20folks.%20New%20to%20the%20forum.%20I%20did%20a%20search%20but%20didn't%20find%20answers%20to%20this%20problem%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20building%20a%20brand%20new%20Sharepoint%20site%20using%20a%20LookBook%20template%2C%20and%20for%20the%20life%20of%20me%20I%20can't%20seem%20to%20figure%20out%20how%20to%20add%20a%20series%20of%20images%20that%20are%20clickable%20(i.e.%20a%20series%20of%20small%20images%20that%20each%20link%20out%20to%20another%20website).%20Am%20I%20losing%20my%20mind%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1174543%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1174991%22%20slang%3D%22en-US%22%3ERe%3A%20Image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1174991%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F557882%22%20target%3D%22_blank%22%3E%40Brad_Kumar%3C%2FA%3E%26nbsp%3B%20there%20are%20a%20couple%20of%20ways%20to%20do%20it.%20On%20a%20page%20you%20could%20add%20a%203-column%20section.%20In%20each%20part%20of%20the%20section%20add%20an%20Image%20web%20part.%20Then%20click%20on%20the%20pen%20icon%20in%20the%20rail%20on%20the%20left%20of%20the%20image.%20That%20will%20open%20a%20panel%20on%20the%20right%20where%20you%20can%20add%20the%20link.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22imagesLinks.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F171317i45E6C4701E0052ED%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22imagesLinks.png%22%20alt%3D%22imagesLinks.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EYou%20can%20then%20add%20more%20images%20below%20the%20first%20row.%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EOr%20you%20could%20add%20a%20quick%20Links%20web%20part%2C%20select%20the%20image%20and%20the%20link%20and%20set%20it%20to%20Tiles.%20The%20images%20will%20be%20smaller%20than%20in%20the%20first%20option%20above%20but%20it%20means%20you%20can%20display%20more%20in%20smaller%20area.%3CBR%20%2F%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22imagesLinks2.png%22%20style%3D%22width%3A%20642px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F171316i94C2D1720FFD0CB9%2Fimage-dimensions%2F642x490%3Fv%3D1.0%22%20width%3D%22642%22%20height%3D%22490%22%20title%3D%22imagesLinks2.png%22%20alt%3D%22imagesLinks2.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERob%3CBR%20%2F%3ELos%20Gallardos%3C%2FP%3E%3CP%3EMicrosoft%20Power%20Automate%20Community%20Super%20User%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1179754%22%20slang%3D%22en-US%22%3ERe%3A%20Image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1179754%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F174092%22%20target%3D%22_blank%22%3E%40Rob%20Elliott%3C%2FA%3EThanks%20so%20much!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMy%20error%20was%20in%20searching%20for%20the%20%223%20column%22%20part%20in%20the%20middle%20(i.e.%20%22add%20a%20new%20web%20part%20in%20column%20one%22).%20I%20realized%20that%20you%20can%20add%20the%20%223%20column%22%20and%20other%20web%20parts%20from%20the%20very%20edge%20of%20the%20web%20browser%20at%20the%20left%20side%20(i.e.%20%22add%20a%20new%20section%22).%20Thanks!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20ended%20up%20using%20the%20%22quick%20links%22%20web%20part%2C%20because%20I%20wanted%20the%20images%20to%20be%20smaller%20than%20just%203%20across.%20I%20didn't%20know%20you%20could%20change%20the%20URL%20afterwards.%20That%20solved%20my%20problem.%20Thank%20you%20very%20much!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECheers%2C%3C%2FP%3E%3CP%3EB.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

Hi folks. New to the forum. I did a search but didn't find answers to this problem:

 

I'm building a brand new Sharepoint site using a LookBook template, and for the life of me I can't seem to figure out how to add a series of images that are clickable (i.e. a series of small images that each link out to another website). Am I losing my mind?

 

Thanks!

2 Replies
Highlighted
Best Response confirmed by Brad_Kumar (New Contributor)
Solution

@Brad_Kumar  there are a couple of ways to do it. On a page you could add a 3-column section. In each part of the section add an Image web part. Then click on the pen icon in the rail on the left of the image. That will open a panel on the right where you can add the link.

 

imagesLinks.png

You can then add more images below the first row.


Or you could add a quick Links web part, select the image and the link and set it to Tiles. The images will be smaller than in the first option above but it means you can display more in smaller area.

imagesLinks2.png

 

Rob
Los Gallardos

Microsoft Power Automate Community Super User

Highlighted

@Rob ElliottThanks so much!

 

My error was in searching for the "3 column" part in the middle (i.e. "add a new web part in column one"). I realized that you can add the "3 column" and other web parts from the very edge of the web browser at the left side (i.e. "add a new section"). Thanks!

 

I ended up using the "quick links" web part, because I wanted the images to be smaller than just 3 across. I didn't know you could change the URL afterwards. That solved my problem. Thank you very much!

 

Cheers,

B.