Hi,
I’ve deleted your other post with the same topic.
The HTML markup for the thumbs and the large images are correct placed in your page, but the stuff in the head section is wrong, and lots of files are missing from the highslide folder.
At the end of the
Editor, when you downloaded the zip archive, you saw this screen with a few instructions:

- 2011-10-13_2231.png (69.29 KiB) Viewed 3257 times
The highslide folderYou downloaded and unzipped the zip archive in
Step 1, but it seems like you removed a lots of files from the folder before you uploaded the highslide folder to the server. At least I’m not able to find several files that should be placed inside the highslide folder at your server - e.g. highslide-with-gallery.js and highslide.css.
You need to upload the highslide folder again - this time without removing anything inside the folder.
The head section of your pageRemove all the Highslide CSS and JS code you’ve added to the head of your page. The head of your page should look like this after removing everything:
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>» Photo Gallery</title>
<link rel="stylesheet" href="innerbody.css" type="text/css" />
<link href="images/favicon.ico" rel="shortcut icon" />
</head>
Look at
Step 2 in the screenshot from the
Editor – it tells what you need to paste in the head section:
- Code: Select all
<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" />
<![endif]-->
When inserting the above in the head section it will look like this:
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>» Photo Gallery</title>
<link rel="stylesheet" href="innerbody.css" type="text/css" />
<link href="images/favicon.ico" rel="shortcut icon" />
<script type="text/javascript" src="highslide/highslide.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" />
<![endif]-->
</head>
Upload the updated page to your server.