Slideshow not working with Firefox

jwalkeroh · June 22, 2008

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 · June 22, 2008

jwalkeroh wrote:

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 · June 22, 2008

jwalkeroh wrote:

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?

jwalkeroh · June 22, 2008

Andy wrote:

Do you have adblock plus on that Firefox install?

No, no adblock plus.

jwalkeroh · June 22, 2008

Allen wrote:

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 · June 22, 2008

jwalkeroh wrote:

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 · June 22, 2008

Andy wrote:

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 · June 23, 2008

jwalkeroh wrote:

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

jwalkeroh · June 23, 2008

Andy wrote:

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 <img src="https://us.v-cdn.net/6029383/emoji/thumb.gif" border="0" alt="" >

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 · June 23, 2008

jwalkeroh wrote:

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 · June 23, 2008

jwalkeroh wrote:

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

jwalkeroh · June 24, 2008

devbobo wrote:

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

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 · June 25, 2008

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('[B]breadCrumbTrail[/B]', 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.

Slideshow not working with Firefox

Comments