Slideshow not working with Firefox

[jwalkeroh]

The new slideshow is not working for me with FF 2.0.0.14 on WinXP. Works fine with IE6. Tried clearing cache etc and restarting browser. Also works fine with the sample/test gallery I found in another post. Same result for all of my galleries. Here's a link:
http://www.nikiwalkerphotography.com/gallery/4958232_STy9F#296857998_xd6Cp

[Allen]

The new slideshow is not working for me with FF 2.0.0.14 on WinXP. Works fine with IE6. Tried clearing cache etc and restarting browser. Also works fine with the sample/test gallery I found in another post. Same result for all of my galleries. Here's a link:
http://www.nikiwalkerphotography.com/gallery/4958232_STy9F#296857998_xd6Cp
Working fine here in FF2. Homepage show right?

[Andy]

The new slideshow is not working for me with FF 2.0.0.14 on WinXP. Works fine with IE6. Tried clearing cache etc and restarting browser. Also works fine with the sample/test gallery I found in another post. Same result for all of my galleries. Here's a link:
http://www.nikiwalkerphotography.com/gallery/4958232_STy9F#296857998_xd6Cp
Do you have adblock plus on that Firefox install? :ear

[jwalkeroh]

Do you have adblock plus on that Firefox install? :ear

No, no adblock plus.

[jwalkeroh]

Working fine here in FF2. Homepage show right?

Homepage show works fine. I've tried on 3 different computers using FF2 with same result. The "Press esc.." fades out to a blank black screen with no show. All of my galleries working the same way.

[Andy]

Homepage show works fine. I've tried on 3 different computers using FF2 with same result. The "Press esc.." fades out to a blank black screen with no show. All of my galleries working the same way.
OK pls do steps 1-7 here? Will help us troubleshoot:
http://www.dgrin.com/showthread.php?t=88954

[jwalkeroh]

OK pls do steps 1-7 here? Will help us troubleshoot:
http://www.dgrin.com/showthread.php?t=88954

1. WIN 9,0,124,0
2. Firefox 2.0.0.14 on WinXP SP2
3. http://www.nikiwalkerphotography.com/gallery/4958232_STy9F#296857998_xd6Cp
4. yes
5. yes
6. yes can see the movie
7. followed instruction to turn off hw acceleration: no change for slideshow against my galleries.

[Andy]

1. WIN 9,0,124,0
2. Firefox 2.0.0.14 on WinXP SP2
3. http://www.nikiwalkerphotography.com/gallery/4958232_STy9F#296857998_xd6Cp
4. yes
5. yes
6. yes can see the movie
7. followed instruction to turn off hw acceleration: no change for slideshow against my galleries.
Gaaaaa sorry it's your piclens button :nono you are interfereing with the slideshow button.. can't have it there.

See this link:

http://www.smugmug.com/gallery/4958232_STy9F#296857998_xd6Cp

bet it works fine :thumb

[jwalkeroh]

Gaaaaa sorry it's your piclens button :nono you are interfereing with the slideshow button.. can't have it there.

See this link:

http://www.smugmug.com/gallery/4958232_STy9F#296857998_xd6Cp

bet it works fine :thumb

No it's not the PicLens button.
Yes the link you are pointing me to works, but it does not include my Javascript customizations.
The problem is the following Javascript:

function ModifyBreadcrumb () {
var objElement = document.getElementById("breadcrumb")
if (objElement != null) {
var str = new String(objElement.innerHTML);

str = str.replace('>nikiwalkerphotography<', '>Home<');
objElement.innerHTML = str;

str = str.replace('>Equine Events<', '>Galleries<');
objElement.innerHTML = str;
str = str.replace('/Equine%20Events"', '/galleries"');
objElement.innerHTML = str;
}
}
YE.onAvailable('breadcrumb', ModifyBreadcrumb);

When I have this in the 'Footer Javascript' section (where it currently is), the Slideshow button does not work. It just displays the "Press Esc..." message and fades to black.

When I have this in the 'Header Javascript' section, I get the same behavior the first time, but if I reload the page, the button works fine.

In all cases, the Javascript changes the breadcrumb just fine, but breaks the slideshow. There is something "wrong" with the "objElement.innerHTML = str;" statements, or something else wrong with the way this is coded. Maybe "YE.onAvailable" is the wrong YUI call.

Wonder if a Javascript expert could take a look and offer suggestions to make it work?! Sure would like to retain the modified breadcrumb behavior.

Thanks.

[Andy]

No it's not the PicLens button.
Yes the link you are pointing me to works, but it does not include my Javascript customizations.
The problem is the following Javascript:

function ModifyBreadcrumb () {

Alright sorry! Anything messing with the breadcrubm will cause failure of the slideshow button, I'm really sorry :(

[devbobo]

function ModifyBreadcrumb () {
var objElement = document.getElementById("breadcrumb")
if (objElement != null) {
var str = new String(objElement.innerHTML);

str = str.replace('>nikiwalkerphotography<', '>Home<');
objElement.innerHTML = str;

str = str.replace('>Equine Events<', '>Galleries<');
objElement.innerHTML = str;
str = str.replace('/Equine%20Events"', '/galleries"');
objElement.innerHTML = str;
}
}
YE.onAvailable('breadcrumb', ModifyBreadcrumb);

I would probaby write it like this...


function ModifyBreadcrumb () {
this.innerHTML = this.innerHTML.replace('>nikiwalkerphotography<', '>Home<');
this.innerHTML = this.innerHTML.replace('>Equine Events<', '>Galleries<');
this.innerHTML = this.innerHTML.replace('/Equine%20Events"', '/galleries"');
}
YE.OnContentReady('breadcrumb', ModifyBreadcrumb);


I haven't tested it though :D

[jwalkeroh]

I would probaby write it like this...


function ModifyBreadcrumb () {
this.innerHTML = this.innerHTML.replace('>nikiwalkerphotography<', '>Home<');
this.innerHTML = this.innerHTML.replace('>Equine Events<', '>Galleries<');
this.innerHTML = this.innerHTML.replace('/Equine%20Events"', '/galleries"');
}
YE.OnContentReady('breadcrumb', ModifyBreadcrumb);

I haven't tested it though :D

Dev,
I tested it. One slight syntax issue: It's "YE.onContentReady".
It basically works the same way.
It still results in the Slideshow not working properly. The slideshow fires but all you get is "Press Esc..." that fades to black, and no show.
Any thoughts?

[jwalkeroh]

Using Firebug, I was able to find a solution to the problem. Firebug gave me a "cleaner" view of the html so I could see the issue. Here's the corrected code:

function ModifyBreadcrumb () {
this.innerHTML = this.innerHTML.replace('>nikiwalkerphotography<', '>Home<');
this.innerHTML = this.innerHTML.replace('>Equine Events<', '>Galleries<');
this.innerHTML = this.innerHTML.replace('/Equine%20Events"', '/galleries"');
}
YE.onContentReady('breadCrumbTrail', ModifyBreadcrumb);


The solution is to modify the class 'breadCrumbTrail' and NOT 'breadcrumb'.

Thanks to Dev and Firebug for helping to find a way to modify the breadcrumb and still support the Slideshow in Firefox.