question

42812998 avatar image
0 Votes"
42812998 asked WendyLi-MSFT commented

How can I hyperlink images in a carousel web part in Modern Sharepoint?

I have added a series of images in a carousel on Modern Sharepoint to create a header for an intranet page. But I can't hyperlink the images. Classic Sharepoint allows me to hyperlink carousel images, but I am now using Modern Sharepoint online. How can I do this?

office-sharepoint-online
· 4
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

I Can you please tell me the pixel size of images that can fit in the quick link filmstrip? I added one image and it was too large and didn't fit the size of the box.

0 Votes 0 ·

Hi @SusanHassell-4960 ,

The pixel size of images:

136239-7.png

Can you tell me the size of the picture you use? I can also test in my environment.

Thanks,
Echo Du
==========================
You can directly click “Comment” option under “My Answered” to put forward your opinions and thoughts about solution that I propose.



0 Votes 0 ·
7.png (49.8 KiB)

You can see below the image on the left is cut off while the image on the right is full size. The image on the left was originally 1200x675.

136304-image.png



What about an image that is 400 x 240? will that be completely visible in the box.

0 Votes 0 ·
image.png (145.9 KiB)
Show more comments

1 Answer

EchoDu-MSFT avatar image
0 Votes"
EchoDu-MSFT answered WendyLi-MSFT commented

Hello @SusanHassell-4960 ,

Currently, the Image Gallery web part does not support enhance the images with hyperlinks. Using it, we can only display images on the page.

135708-1.png

The Image web part allows users to add hyperlinks, but we can display one image with link with one Image web part.

135709-2.png

Therefore, you can use the Quick Links web part. You can choice custom image for each link. However, it does not have Carousel layout.

Please following steps:

1.Add a Quick links web part

2.Click " + Add links " to upload image

135684-3.png

3.On the Quick links panel, click "Change" button.

135670-4.png

4.Then, click "From a link" and entry a link to a site, page, document, list, library (https:// or http://) or email address (mailto:)

135761-5.png

5.Go back the Quick links panel, under the "Thumbnail", select "Custome image" option and click "Change" button to select the previously uploaded image

135762-6.png

6.Of cource, you can click "Edit Web Part". On the Layout Options, you can select layout that you like. In my test, I selected Filmstrip Layout.

135763-7.png

135771-8.jpg

135732-testing.gif

Thanks,
Echo Du

============================ Updated Answer =========================

Hi @SusanHassell-4960 ,

The best image size should be 379px x 213px. This you can get it from the default link comes with Quick Links web part.

Create your images to render perfect for different aspect ratios.

The natural size is in the below image is recommended.

136594-image.png

Thanks,
Echo Du
=========================
If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.






1.png (168.4 KiB)
2.png (341.1 KiB)
4.png (163.1 KiB)
5.png (34.6 KiB)
6.png (164.3 KiB)
7.png (127.7 KiB)
3.png (187.2 KiB)
8.jpg (60.2 KiB)
testing.gif (1.0 MiB)
image.png (80.0 KiB)
· 3
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi @SusanHassell-4960 ,

Is there anything else I can help with regarding this issue?

You can comment us at any time and we will continue to follow up.

Thanks,
Echo Du
===================================
If the answer is helpful to you, you can accept it as answer. The behavior will help others who meet the similar issue in the future quickly find the correct answer.

1 Vote 1 ·

Thank you so much. Microsoft should offer linkable images on the highlighted content web part, but until then, this is the workaround I have been looking for.

0 Votes 0 ·

@SusanHassell-4960 If Echo's reply helps you, please remember to accept her reply as answer via the "Accept Answer" button, it will be beneficial to others in this forum who meet the same issue in the future.
Thanks for your understanding and cooperation.

0 Votes 0 ·