Photoshop - Slice

Forums › Digital Imaging › Photoshop - Slice

KillerHulk

348 posts

Ultimate Geek

#210459 28-Mar-2017 14:03

HI,

i have created a flyer and instead of uploading it as an pdf file, i want it be a clickable flyer which will redirect customers to the product they clicked on our website.

i used photoshop slice tool to work this out.i sliced all the images, linked the url's and saved the file.

Then i uploaded all file to my hosting servers, but now i am not able to see the images. (Check image)

i can see my flyer and click through all images from the file i saved on my computer, but not on the website.

Anyone know how to fix this ?

let me know if you need any kind of detail.

I Eat Dumbbells for Breakfast

nutbugs

270 posts

Ultimate Geek

Lifetime subscriber

#1749446 28-Mar-2017 14:35

Any reason you don't just add links to areas (images) on the PDF? Probably simpler?

KillerHulk

348 posts

Ultimate Geek

#1749484 28-Mar-2017 15:30

nutbugs:

Any reason you don't just add links to areas (images) on the PDF? Probably simpler?

ohh.!!!

that works too !!!

Thanks mate

I Eat Dumbbells for Breakfast

nutbugs

270 posts

Ultimate Geek

Lifetime subscriber

#1749488 28-Mar-2017 15:33

My pleasure :-)

KillerHulk

348 posts

Ultimate Geek

#1749496 28-Mar-2017 15:40

but 1 prob. unable to set the link to open on a new window/tab

I Eat Dumbbells for Breakfast

nutbugs

270 posts

Ultimate Geek

Lifetime subscriber

#1749627 28-Mar-2017 17:40

Hmm, yeah. There is a work around for that I believe. Not sure what it is off the top of my head.

KillerHulk

348 posts

Ultimate Geek

#1749880 29-Mar-2017 08:05

nutbugs: Hmm, yeah. There is a work around for that I believe. Not sure what it is off the top of my head.

i googled around for a solution but none worked for me.

there is an option under preferences> documents> "open cross-documents links in same window" , but that didnt help.

I Eat Dumbbells for Breakfast

dacraka

766 posts

Ultimate Geek

ID Verified

Trusted

#1749890 29-Mar-2017 08:23

For the original post: The HTML is pointing to the wrong image file path. If you open up the browser's "Developer Tools" menu with the F12 button on your keyboard, then under the "Network" tab, you should be able to see errors and the path it is trying to retrieve the image from (you may need to refresh the browser again to populate this tab). Compare the image file path with the image file path on the web server.

Sharesies

Trade NZ and US shares and funds with Sharesies (affiliate link).

KillerHulk

348 posts

Ultimate Geek

#1750142 29-Mar-2017 14:12

dacraka:

For the original post: The HTML is pointing to the wrong image file path. If you open up the browser's "Developer Tools" menu with the F12 button on your keyboard, then under the "Network" tab, you should be able to see errors and the path it is trying to retrieve the image from (you may need to refresh the browser again to populate this tab). Compare the image file path with the image file path on the web server.

i tried to edit the path but after i refresh the page, its same again. also my links dont work.

I Eat Dumbbells for Breakfast

yitz

2081 posts

Uber Geek

#1750151 29-Mar-2017 14:21

Are you using absolute or relative URLs for the images?

As for your links do they begin with http:// and not just www.

If you end up going down the PDF route for your email marketing, you should consider www.issuu.com.

Please don't fill up peoples inboxes with oversize PDF attachments.

KillerHulk

348 posts

Ultimate Geek

#1750156 29-Mar-2017 14:29

yitz: Are you using absolute or relative URLs for the images? As for your links do they begin with http:// and not just www. If you end up going down the PDF route for your email marketing, you should consider www.issuu.com. Please don't fill up peoples inboxes with oversize PDF attachments.

this is not going to fill up peoples inboxes.

i am not sending out this flyers , but i only want this to be on my website.

I Eat Dumbbells for Breakfast

KillerHulk

348 posts

Ultimate Geek

#1750163 29-Mar-2017 14:40

I Eat Dumbbells for Breakfast

yitz

2081 posts

Uber Geek

#1750179 29-Mar-2017 15:03

Are all the gifs in the /images directory relative to the HTML?

Also fix the link on line 13 to begin with http://

Edit: Also if you can I would probably recommend not hosting it on your main site (if you are indeed uploading it to there). Consider hosting this static content on a subdomain or sign up to amazon s3 or azure web host.

KillerHulk

348 posts

Ultimate Geek

#1750194 29-Mar-2017 15:21

yitz: Are all the gifs in the /images directory relative to the HTML? Also fix the link on line 13 to begin with http:// Edit: Also if you can I would probably recommend not hosting it on your main site (if you are indeed uploading it to there). Consider hosting this static content on a subdomain or sign up to amazon s3 or azure web host.

yes they are.

I Eat Dumbbells for Breakfast

yitz

2081 posts

Uber Geek

#1750204 29-Mar-2017 15:32

Your server seems to be redirecting requests for the images to its search engine.

If your only choice is to host on the same platform/server as your e-commerce site you might have to have everything in the one directory. Just modify your image URLs by removing the 'images/' on all your img src=. (use the find & replace function of your text editor).

KillerHulk

348 posts

Ultimate Geek

#1750224 29-Mar-2017 15:50

yitz: Your server seems to be redirecting requests for the images to its search engine. If your only choice is to host on the same platform/server as your e-commerce site you might have to have everything in the one directory. Just modify your image URLs by removing the 'images/' on all your img src=. (use the find & replace function of your text editor).

from first i had it all under 1 location.

the only thing worked was i went to edit the html and changing the image source url. then i could see the image on the website

I Eat Dumbbells for Breakfast