I think I've solved the first issue mentioned in my first post (point to
http://www.alterlittera.com/al_htm/oldtype_new.htm for an updated live test page). I have six thumbnails identified as alot01 through alot06 (plus several others unidentified for testing purposes). I am now using the following code to open in the same window a specific htm page depending on which expanded image is clicked on:
Code: Select all
hs.Expander.prototype.onImageClick = function() {
if (this.a.id == 'alot01')
return window.location.href = 'oldtype/gutenberg_b.htm';
else if (this.a.id == 'alot02')
return window.location.href = 'oldtype/gutenberg_c.htm';
else if (this.a.id == 'alot03')
return window.location.href = 'oldtype/psalterium.htm';
else if (this.a.id == 'alot04')
return window.location.href = 'oldtype/deutsche_schrift.htm';
else if (this.a.id == 'alot05')
return window.location.href = 'oldtype/caslon_gotisch.htm';
else if (this.a.id == 'alot06')
return window.location.href = 'oldtype/alter_gotisch.htm';
else
return false;
I have also tried to assign a specific cursor and a specific title to every expanded image (identified or not) as follows:
Code: Select all
hs.Expander.prototype.onInit = function() {
if (this.a.id == 'alot01' || this.a.id == 'alot02' || this.a.id == 'alot03' || this.a.id == 'alot04' || this.a.id == 'alot05' || this.a.id == 'alot06')
{
hs.restoreCursor = 'pointer';
hs.lang.restoreTitle = 'Available - Click for Details';
hs.lang.number = '<em>Oldtype Font No. %1 of %2 - Available</em>';
}
else
{
hs.restoreCursor = 'default';
hs.lang.restoreTitle = 'Under Development';
hs.lang.number = '<em>Oldtype Font No. %1 of %2 - Under Development</em>';
}
};
Everything seems to work fine except for the cursor, which stubbornly remains as a 'pointer' (the usual hand) irrespective of whether it points to a clickable identified image (the first six ones) or not (the remaining ones). I have used for testing purposes my customized highslide.css and highslide-full.js files, as well as the original ones, to the same result. I have also tried with two custom icons instead of 'pointer' and 'default'; it seems to work on FF, but definitely not in IE. Any clue will be very much appreciated.
I have also noticed that after loading the page pointed to by a specific expanded image, and clicking on the browser's back button, FF takes me back to the calling page with the thumbstrip and expanded image as they were left, but IE takes me back to the calling page with the thumbstrip and expanded image restored to the first ones (alot01). I assume this has to do with how each browser manages cached pages as stated in their respective user preferences.
Finally, I have not yet resolved the second issue mentioned in my first post.
Regards.