Forums | MacLife

First off a couple of tips when making a post asking for assistance.
1. Be descriptive and provide links.  I had no idea what "Couloir" was.  I thought you were misspelling 'color'  There are about a billion random little scripts for pages.  Don't assume people know what you are talking about.  After I realized that it wasn't a color issue google helped me figure out what you were talking about.

2. Provide technical details on what you are trying to do, how you did it and provide links to the files.  I had to reverse engineer what you did to find the the image scripts, which are the problem here. I have no idea how you generated them or what tools you used.  Also provide details to what steps you already tried and what the results were.

3. Provide specific contextual details regarding reproducing the problem. For example, saying illustrations 8,9,10 isn't very helpful since they are named on the page not numbered.  Though it wasn't hard to find them, if you are people to help you out, it common courtosy to do some of the footwork.  People will be much more inclined to help if they don't have to jump through a bunch of hoops to figure out the problem.

Solution:
-------------------------------------


It appears* to be a problem with naming and illegal characters. It also appears to affect almost every picture in the slide show.  It is less obvious on some, but still there. Especially if you back and forth.  For example the 3rd (Johnny Reading seed cover) appears fine, but if you click  next the previous the size is wrong.
If you take a look at the illustrations.js : http://claudiajulian.com/Illustrations_ … rations.js
You will see that there are strange characters in the titles.  You need to remove these and replace them with the proper ones, and escaped properly.  Alternately you could entity codes for them, but that still may be a problem with the js.  I would try both approaches to see which one works best.


* I say "appears" because I didn't download and trouble shoot the script locally.  I spent enough time on just trying to sort it out.  You should try the approaches I suggested and if it still doesn't work, repost.

The mouse over thing, probably is best to have it invisible then appear, so you don't have it continually on your images.  However you should be able to change it in the master.css file located in http://claudiajulian.com/SlideShow_assets/css

A more user friendly approach would be to have the next/last links continually displayed above or below the image (preferably above, independently located from the image.)

Let us know if that fixes it.

wordwench wrote:

Also, I do no understand what you wrote here:

"You need to remove these and replace them with the proper ones, and escaped properly.  Alternately you could entity codes for them, but that still may be a problem with the js."

I think Scott is referring to the use of ampersands in the file names of some of your photos. i.e. B&Z.jpg. Since ampersands are used in HTML, you should use & instead. I also saw this: ’ everywhere there was supposed to be an apostrophe. To "escape" that you would write

’

or maybe you could just write

& # 8 2 1 7 ;

(without the spaces) to get a real apostrophe.

To "escape" a character means to replace it with something that the browser won't read as code. That's why ampersands shouldn't be used.

A single quote isn't an apostrophe, you heathen!

,xtG
.tsooJ

Alien wrote:

A single quote isn't an apostrophe, you heathen!

It is in this country.