PSP8 sliced images uploaded viewing problem
Hello
I need help with a new procedure I'm learning with PSP8. What I'm doing is slicing an image for faster loading in
my webpage.
I've gotten as far as slicing the image and viewing the output in my HTML editor sucessfully. Next,
I've uploaded the sliced images and HTML document to the assigned ftp space that are associated with the URLs assigned to the sliced images.
When I click on the HTML document link (stored in ftp space) to view it I can see the images on the page. Ok, that part is good.
Then I go to "view" "source", it opens in my HTML editor, but the images won't show up (red x's).
Also, I have moved the location of the sliced image folder thats saved on my harddrive to test the local HTML output
also saved on my harddrive to see if it will locate the images on the internet in my ftp space. It doesn't.
I get, The page cannot be displayed, error. I've checked the HTML code and I don't see (or at least don't recognize)
where it's pointing to the images located on my harddrive.
The only way I'm able to view the local HTML output is if the images remain in their expected
location on my harddrive.
I hope my explanation is not confusing.
WHAT! am I doing wrong? I've been trying on my own for hours now. I want to move on to the next step. Any advice or directing me to a page telling me the proper procedure will be most appreciated.
TIA
Vera
vera posted this at 19:01 — 12th December 2004.
They have: 6 posts
Joined: Dec 2004
I made a sample image doing it the same way. The same things are happening. If anyone is interested in looking at the HTML through view source this is the link to the sample.
http://www.geocities.com/myglobal7/test/test.htm
maybe someone can see where I'm going wrong.
timjpriebe posted this at 19:06 — 12th December 2004.
He has: 2,667 posts
Joined: Dec 2004
Okay, you posted this right while I was writing my other reply.
Yep, the image references in here are relative to the HTML file, not absolute. So when you view the source of the uploaded file, that HTML file is stuck in some temporary directory on your computer that is probably just for viewing source on files. When that happens, it does not also store the images there.
In other words, as long as you upload the images and the HTML like you did with this sample, it should work fine. This one certainly appears to be working fine.
Tim
http://www.tandswebdesign.com
timjpriebe posted this at 19:02 — 12th December 2004.
He has: 2,667 posts
Joined: Dec 2004
If the location of the images to the html folder is changed, you have to change the code in the html page as well.
I do that very thing in PSP 8, myself. If I remember correctly, the images automatically get created in the same folder as the html file. Personally, I create that all within a local folder I already have set up in Frontpage as a web. Then I move the files in FP, so FP automatically changes the references in the html file.
If I had just moved the images around in Internet explorer, it would not have worked at all.
Hopefully that info helps. If you could give me a URL of the uploaded page, that might help me diagnose the problem more.
Tim
http://www.tandswebdesign.com
vera posted this at 19:17 — 12th December 2004.
They have: 6 posts
Joined: Dec 2004
But, when I do "view" "source", and the code opens in my HTML editor the images are not showing up in the "preview" feature of the HTML editor. This doesn't happen when I view source with other pages on the internet.
vera posted this at 20:01 — 12th December 2004.
They have: 6 posts
Joined: Dec 2004
Thanks for your input.
I am making online auction templates. This is the first one where I'm using a
sliced image. I'm trying to figure out how to get the sliced images to show up
in the preview feature with images stored on my ftp and not the ones on my harddrive.
They won't show with my auction listing softwares preview either.
The template I'm working on now has hand entered unsliced image url's. That part works fine.
I've also added
the sliced images PSP8 code into this template. If the image folder on my harddrive gets moved
then template preview won't locate the sliced images in my ftp space. The hand entered unsliced
images get located and show, but the sliced image wells show a red x. I don't understand why
my hand entered unsliced images show but the sliced image code is not functioning the same way. I'm missing something.
I could always just enter the sliced images by hand but I want to learn to use this correctly.
I know that when the link online is opened it shows the images. But when I view source and preview the page in html editor
the the unsliced images do show. The sliced images do not. At least on my pc.
I also tested the html code in an online HTML code tester and my hand entered images show up. The sliced images do not.
I don't get it.
This is the sample code harvested from view sourcing the link I gave above.
When I test the "sample" code at
http://www.zoicks.com/practice.htm
the sliced images do not show up.
timjpriebe posted this at 22:33 — 12th December 2004.
He has: 2,667 posts
Joined: Dec 2004
The other images you look at are probably absolute, and not relative. I would suggest just manually changing them to absolute at this point.
vera posted this at 00:11 — 13th December 2004.
They have: 6 posts
Joined: Dec 2004
Thanks Tim
I made the changes and they are now working. I'm kind of disappointed I won't be able to use the PSP8 generated code, as that would have saved me some time. Oh well. Now I can stop thinking about it and do something else.
WalkerArt posted this at 01:39 — 13th December 2004.
They have: 6 posts
Joined: Nov 2004
Yes I agree Slice it in PS then import the html fole into Dreamweaver or similar and convert the sliced into editable tables
JohnT
vera posted this at 02:04 — 13th December 2004.
They have: 6 posts
Joined: Dec 2004
Would love to get my hands on Dreamweaver. I've heard a lot of good stuff about the program. For now I'm using HTML Kit. The more I use it the easier it gets and it has some really nice add on features. Plus I think I'm getting a better understanding of how HTML works with this interface. Now CSS is something I would really like to learn but it looks really complex. I'm searching for a really easy step by step explanation to get going.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.