CSS invisible, fails - Post ID 126068

User 2046777 Photo


Registered User
4 posts

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>
User 122279 Photo


Senior Advisor
14,653 posts
Online Now

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


User 463058 Photo


Ambassador
1,086 posts

You may need to contact the creators of highslide.
User 2046777 Photo


Registered User
4 posts

Inger, I have sent the information to your email at cybeer. Cary, I probably will in the end. Thanks for the replies.
User 2046777 Photo


Registered User
4 posts

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.