Adobe Photoshop hyperlink issue

[waqas5CB3]

I added a hyperlink in a banner through Adobe Photoshop slice tool. This banner file is working correctly in my computer and when I sent this file to my client through email he downloaded it and opened then it is not working properly (showing empty). 

Please check this video:

https://www.loom.com/share/02b7d2939af842e695fb43b3927976ae

Can you guide me about this issue?

How can I provide this correct file to my client?

[jane-e]

@waqas5CB3 

The slice tool was created in the very early days of web graphics. When you create a hyperlink, Photoshop writes html code that can be inserted into your html code. The hyperlink does not — and was never intended — to work in Photoshop, but only in a browser.

You can also handcode your html on your website or add the link in a web editor. For example, here is the html code for your link in your forum post:

Jane

[John Waller]

The Slice tool generates both an HTML file and an associated folder of images.

The code in the HTML file contains the slice tool coordinates, the <img> tags pointing to the images and the hyperlinks behind each image.

In your Loom video, you have only emailed the banner.html file.

When you open banner.html, the images display as missing files because the folder containing the images does not exist where the <img> code is expecting to find them.

You must email both the HTML file and the folder of images. They (HTML file and folder of images) must then be saved in the same folder on the local device so that the relative path links in the HTML file work.

Then the banner will work OK in the web page.