![]() ![]() Step 8: Save the PowerPoint file in a local drive. Step 7: Repeat the same steps from 1 to 6 for number 2 and 3. Step 6: Click on “shape outline” and click “no outline” so that the border isn’t visible. Step 5: Click on “shape fill” and click “no fill” to make it transparent. Add the URL in the address field and select “ok.” Step 3: Right click on the rectangle shape and click “link.” Add the URL of where you’ll want the user to end up. Step 2: Click on “shapes,” select a rectangle shape, draw a rectangle on top of number one, and adjust the area where a user can click for number one. Open PowerPoint, insert the number image, and follow these steps: Create a Multi-Click Image Using PowerPoint in Modern SharePoint Online It will do the same as for numbers two and three. ![]() If we click on number one, it will redirect to the “Test1.aspx” page. It will display as shown in the screenshots below:Ĭlick on the folder, “media and content,” “script editor,” and “add script editor web part.” Go to the classic SharePoint site, edit the page, add the script editor web part, and paste the code. Select “all,” copy the code, and change the image source path to where the image will be uploaded, which is in the SharePoint site path like below: Do this to repeat the same process as before for numbers two and three on that image.Ĭlick on “show me the code,” and a code dialog will appear. You can adjust the rectangle map area on the image.Ĭlicking “add new area” will allow you to create multiple clickable map areas on the image. Then, click on number one on the bottom right corner. See below for what you’ll see once it’s uploaded:Īfter this, select the bubble under “active” on the left, then select “Rect” from the shape dropdown.Ĭlick on number one on the top left corner of the image. We can upload the image by clicking on the “ Select Image from My PC ,” or we can also load images from a website by clicking on the “Load Image from Website” button. When a user clicks on number 2, the test 2 page will show, and the same for number 3 also.įor that to happen, we need to create the clickable area of the image using the Free Image Map generator. When a user clicks on number 1, then the test 1 page will open. Now we’ll create an image clickable area for those numbers.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |