Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Javascript problems with Firefox 27

  • 5 replies
  • 26 have this problem
  • 15 views
  • Last reply by Steve666

more options

I have an image carousel that doesn't display the images in Firefox 27. I know that the script is working because I can see the carousel working

I have an image carousel that doesn't display the images in Firefox 27. I know that the script is working because I can see the carousel working

Chosen solution

I can confirm that it only doesn't work in the current Firefox 27 beta release.
The current Firefox release and both the Nightly 29 and Aurora 28 release show the images for me.

The images do show if I add this style rule to the iframe via the DOM Inspector:

#carousel img {opacity:1}

So it seems that your assumption abut opacity could be right.

For what it is worth: I did notice a typo in the style sheet: a colon instead or a semicolon

    img.dawn{
	border-radius:50%;
	opacity:.99:
	}
	img{
	
	border-radius:45%;
	}
Read this answer in context 👍 1

All Replies (5)

more options

Hello,

Can you please confirm if you are able to access the site where the images are being retrieved from. Also, if you can please check the developer tools (or) Firebug to see if there are network errors that could give some clues on why the carousel is not working.

And also, does this work on other browsers? That will rule out network issues and point to JavaScript / HTML issues on FF27.

Thank you

more options

Can you post a link to a publicly accessible page that doesn't require authentication (signing on)?


If images are missing then check that you aren't blocking images from some domains.

  • Press the F10 key or tap the Alt key to bring up the hidden "Menu Bar" temporarily.
  • Check the permissions for the domain in the currently selected tab in "Tools > Page Info > Permissions"
  • Check "Tools > Page Info > Media" for blocked images
  • Select the first image link and use the cursor Down key to scroll through the list.
  • If an image in the list is grayed and "Block Images from..." has a check-mark then remove this check-mark to unblock images from this domain.

Make sure that you do not block (third-party) images, the permissions.default.image pref on the about:config page should be 1.


Make sure that you haven't enabled a High Contrast theme in the Windows/Mac Accessibility settings.

Make sure that you allow pages to choose their own colors.

  • Tools > Options > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"

Note that these settings affect background images.

See also:


There are extensions like Adblock Plus (Firefox/Tools > Add-ons > Extensions) and security software (firewall, anti-virus) that can block images and other content.

See also:

more options

the page in question can be viewed here

http://codepigs.us/New%20Driving%20School/index.html

Everything works fine with all versions of FF except FF27

It also works with other browsers

I just realized this could be a prob with css as well, as I am using opacity

Modified by Steve666

more options

Chosen Solution

I can confirm that it only doesn't work in the current Firefox 27 beta release.
The current Firefox release and both the Nightly 29 and Aurora 28 release show the images for me.

The images do show if I add this style rule to the iframe via the DOM Inspector:

#carousel img {opacity:1}

So it seems that your assumption abut opacity could be right.

For what it is worth: I did notice a typo in the style sheet: a colon instead or a semicolon

    img.dawn{
	border-radius:50%;
	opacity:.99:
	}
	img{
	
	border-radius:45%;
	}
more options

Thank you, for this insight, now that I think about this more, the problem probably is with the way FF27 is parsing CSS and not a javascript issue

I will correct my typo and add your inclusion

Respectfully

Steve