CSS invisible, fails
My VSD designed website contains many images. I have inserted highslide CSS script in both the header of pages with images and in the Body HTML of the particular image. The initial image on the web page is a thumbnail. When you mouse over the image, highslide causes a small magnifying glass to appear. When you click on it, the image enlarges on the page, that is, the full-sized jpg image appears along with a caption. When you click again, it returns to a thumbnail.
I know the CSS works; I've seen it work in VSD Preview. But in trying to get my website up, I had to change folder names because image files were not being recognized. Somehow in this process I have messed up the CSS. The complete highslide file is there on the website -- I see it in cpanel -- but the script is not being recognized. What happens now is when you point to a thumb, a small hand appears. Click on it and the full jpg image opens on a separate white page without a caption. I know from past experience that this means the site cannot find the CSS. It also can no longer find the CSS in VSD preview.
Below is the formerly-working CSS script. I suspect any Good Samaritan may also have to view my website. Unfortunately it is password protected because I wanted to work out bugs such as this one before the site went public. If you don't have any generic solutions, tell me how to get you a User Name and Password without broadcasting it. I'm desperate for any help you can give me.
HEAD (same for every page with images)
<http equiv="Content Type" content="text/html; charset=utf 8" />
<script type="text/javascript" src="highslide/highslide.js">
</script><link rel="stylesheet" type="text/css"
href="highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;
hs.outlineType = 'outer-glow';
hs.wrapperClassName = 'outer-glow';
</script>
BODY (generic -- differs with each image)
<div>
<a href="pix/FullImage.jpg"
class="highslide" onclick="return hs.expand(this, { captionText: 'place the caption here'} )">
<img src="pix/Thumb.gif"
title="Click to enlarge" height="100" width="100" />
</a></div>
I know the CSS works; I've seen it work in VSD Preview. But in trying to get my website up, I had to change folder names because image files were not being recognized. Somehow in this process I have messed up the CSS. The complete highslide file is there on the website -- I see it in cpanel -- but the script is not being recognized. What happens now is when you point to a thumb, a small hand appears. Click on it and the full jpg image opens on a separate white page without a caption. I know from past experience that this means the site cannot find the CSS. It also can no longer find the CSS in VSD preview.
Below is the formerly-working CSS script. I suspect any Good Samaritan may also have to view my website. Unfortunately it is password protected because I wanted to work out bugs such as this one before the site went public. If you don't have any generic solutions, tell me how to get you a User Name and Password without broadcasting it. I'm desperate for any help you can give me.
HEAD (same for every page with images)
<http equiv="Content Type" content="text/html; charset=utf 8" />
<script type="text/javascript" src="highslide/highslide.js">
</script><link rel="stylesheet" type="text/css"
href="highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;
hs.outlineType = 'outer-glow';
hs.wrapperClassName = 'outer-glow';
</script>
BODY (generic -- differs with each image)
<div>
<a href="pix/FullImage.jpg"
class="highslide" onclick="return hs.expand(this, { captionText: 'place the caption here'} )">
<img src="pix/Thumb.gif"
title="Click to enlarge" height="100" width="100" />
</a></div>
A link to your page would be useful...
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
You may need to contact the creators of highslide.
Inger, I have sent the information to your email at cybeer. Cary, I probably will in the end. Thanks for the replies.
Inger, disregard my email. I reloaded all my highslide files and the website now works properly.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.