Why are MathJax images not displaying on my webpage?

Click For Summary

Discussion Overview

The discussion revolves around issues related to the implementation and functionality of MathJax for rendering LaTeX on a webpage. Participants explore the display of mathematical expressions, the transition from image-based rendering to MathJax, and the implications for users and server load. The scope includes technical troubleshooting, user experience, and the rendering of various LaTeX environments.

Discussion Character

  • Technical explanation
  • Debate/contested
  • Experimental/applied

Main Points Raised

  • Some participants report that MathJax is enabled but LaTeX images are not displaying correctly.
  • There is confusion over whether MathJax replaces nicely formatted LaTeX images and whether users must continue typing LaTeX code.
  • Some participants mention issues with specific LaTeX environments, such as align and tabular, not rendering as expected.
  • Concerns are raised about the visual quality of rendered equations compared to previous image-based rendering.
  • Participants discuss the potential benefits of MathJax in reducing server load due to lower bandwidth requirements for text compared to images.
  • There are mixed feelings about the new appearance of equations, with some expressing dissatisfaction and others suggesting that the appearance can be configured.
  • Some participants inquire about the availability of all math symbols and the ability to view LaTeX code directly.
  • One participant mentions that MathJax allows for an unlimited number of LaTeX equations, contrasting with previous limitations.

Areas of Agreement / Disagreement

Participants express a variety of opinions regarding the functionality and appearance of MathJax. There is no consensus on whether the changes are beneficial or detrimental, and multiple competing views remain regarding the effectiveness of MathJax compared to previous methods.

Contextual Notes

Some participants note that certain LaTeX environments and features may not be supported, and there are unresolved issues regarding the rendering of specific mathematical expressions. The discussion reflects a range of user experiences and expectations regarding the transition to MathJax.

Who May Find This Useful

This discussion may be useful for web developers, educators, and users who rely on LaTeX for mathematical expressions in online platforms, particularly those interested in the technical aspects of rendering and user experience with MathJax.

  • #61
Yes, #38. What browser/platform are you on?
 
Physics news on Phys.org
  • #62
jhae2.718 said:
I see LaTeX fine on iOS 4.3. Posted from my iPad.

Hmm, yes, but are you looking at the full or the mobile version of the site? I'm looking at the mobile version. I think my iOS version is 4.2.1, and I'm running it on an iPhone 3G.
 
  • #63
I'm using Firefox 4.0.1 on Windows 7 SP1.

This is a post I wrote some time ago that contains a lot of math. I'm having similar problems with that. Another weird thing is that that link should automatically scroll to post #13, but for some reason that doesn't quite work.

One of the math expressions in that post doesn't show up at all. I don't see anything wrong with the latex code when I click quote, but mathjax displays it as if I had typed "\rang le" instead of "\rangle". This is the second line with only math after the line that starts with the word "Define".

I just tried Internet Explorer. With IE, I don't have the problem that stuff disappears when I put my mouse pointer over a math expression, but that specific line I mentioned is still messed up. Hm, maybe I don't have matching tex and itex tags...I'll check. IE also fails to scroll down to post #13.

Edit: No, I don't see any problems with the tex/itex tags. This is the line that MathJax doesn't seem to understand:

\phi(x)=\left\langle\frac{z}{\|z\|^2},x\right\rangle

Code:
\phi(x)=\left\langle\frac{z}{\|z\|^2},x\right\rangle
 
Last edited:
  • #64
Fredrik said:
I'm using Firefox 4.0.1 on Windows 7 SP1.

This is a post I wrote some time ago that contains a lot of math. I'm having similar problems with that. Another weird thing is that that link should automatically scroll to post #13, but for some reason that doesn't quite work.

I'm using Chrome 12 and all the math on that page appears to render fine. I'll test with FF 4.0.1
 
  • #65
I'm having similar problems in Frederik's posts. I'm also using firefox, by the way...
 
  • #66
cepheid said:
Hmm, yes, but are you looking at the full or the mobile version of the site? I'm looking at the mobile version. I think my iOS version is 4.2.1, and I'm running it on an iPhone 3G.

Full version.

Fredrik said:
I'm using Firefox 4.0.1 on Windows 7 SP1.

I have no problems with Firefox 4.0.1 on Linux.

Fredrik said:
\phi(x)=\left \langle \frac{z}{\|z\|^2}, x \right \rangle (jhae2.718: I've modified the TeX markup to the left)

Code:
\phi(x)=\left\langle\frac{z}{\|z\|^2},x\right\rangle

I've noticed the parser doesn't alway recognize things. Try putting spaces between commands, as I did in the quoted text above. The spacing on the displayed code is an artifact of vBulletin.
 
  • #67
micromass said:
I'm having similar problems in Frederik's posts. I'm also using firefox, by the way...

hmm using Win7 FF 4.0.1 fred's post looks fine except for the one equation he mentioned
 
  • #68
Try installing the STIX fonts locally. I'll bet that both Greg and I have those, which is why we don't have problems.
 
  • #69
jhae2.718 said:
Try installing the STIX fonts locally. I'll bet that both Greg and I have those, which is why we don't have problems.

Shouldn't have to do this, they are loaded from the mathjax server.
 
  • #70
While correlation \not = causation, I stopped having those problems after I installed the fonts. It's possible that there is some problem with the way FF4 treats the fontdata.js or the fonts when loaded from the server.

Let me try with FF4 in my W7 VM (which doesn't have the STIX fonts) and get back to you.
 
  • #71
jhae2.718 said:
While correlation \not = causation, I stopped having those problems after I installed the fonts. It's possible that there is some problem with the way FF4 treats the fontdata.js or the fonts when loaded from the server.

Let me try with FF4 in my W7 VM (which doesn't have the STIX fonts) and get back to you.

hmm I don't have STIX locally loaded and FF4 on W7 looks fine to me.
 
  • #72
Works fine for me in FF4.0.1 in Win 7 SP1 x86_64 under VirtualBox 4.0.8. No local STIX fonts, so it seems my guess was wrong.
 
  • #73
jhae2.718 said:
Full version.

Right, so I mean, that's exactly what I was reporting in the first place: that it doesn't work on the mobile version of the site.
 
  • #74
cepheid said:
Right, so I mean, that's exactly what I was reporting in the first place: that it doesn't work on the mobile version of the site.

Sorry, didn't catch that.
 
  • #75
cepheid said:
Right, so I mean, that's exactly what I was reporting in the first place: that it doesn't work on the mobile version of the site.

I haven't added the code to the mobile skin.
 
  • #76
Greg Bernhardt said:
I haven't added the code to the mobile skin.

Got it, thanks.
 
  • #77
Greg Bernhardt said:
I'm using Chrome 12 and all the math on that page appears to render fine. I'll test with FF 4.0.1

Greg Bernhardt said:
hmm using Win7 FF 4.0.1 fred's post looks fine except for the one equation he mentioned
Maybe I didn't make it clear enough that everything looks fine until I move my mouse pointer over a math expression.
 
  • #79
Fredrik said:
Maybe I didn't make it clear enough that everything looks fine until I move my mouse pointer over a math expression.

Yes I see what you are saying now. It seems the equation disappears, depending on your zoom trigger, on anything above Theorem 2 in your post. I will send this to the devs and see what they say. thanks!
 
  • #81
By the way, the math looks much better in IE than in FF. I'd say that in IE, it looks the way I want it to look, while in FF it's too small, and there are weird spaces inserted in simple expressions like \|\phi\|=\|x_0\|.
 
  • #82
Greg Bernhardt said:
printed to a physical piece of paper?

Yes.
Greg Bernhardt said:
do they display fine in the thread?

Yes.

I used printer at work. When I get home, I will try printing on my home printer.
 
  • #83
Fredrik said:
By the way, the math looks much better in IE than in FF. I'd say that in IE, it looks the way I want it to look, while in FF it's too small, and there are weird spaces inserted in simple expressions like \|\phi\|=\|x_0\|.

This is a well known problem because of the differences in how IE and FF handle web fonts.
 
  • #86
Greg Bernhardt said:
because the user didn't use itex

So you always need to use itex from now on? Before, just using tex didn't give you a new line...
 
  • #87
micromass said:
So you always need to use itex from now on? Before, just using tex didn't give you a new line...

hmmm then what was the function of itex when using images?
 
  • #88
micromass said:
So you always need to use itex from now on? Before, just using tex didn't give you a new line...

I think in MathJax behaves more closely like $...$ and like \begin{equation}...\end{equation} than they did in imgtex.
 
  • #89
Greg Bernhardt said:
hmmm then what was the function of itex when using images?

Well itex created images with a symbol size that was closer to the plain text characters (for the default font size). It also didn't mess up the line spacing nearly as much as inline images generated using tex tags did. On the downside, I always found itex equations kind of small to read.

Edit: also, the inline tex images were never in the right vertical position wrt the rest of the line. They were too high. The itex ones were aligned properly.
 
Last edited:
  • #90
Sometimes it was necessary to use tex instead of itex even for inline text, because itex cut off the top of the taller symbols, like \vec A. So I suspect that a lot of posts will look weird if tex tags start new lines now. I'm not sure how much effort I'd put into solving that problem though. Maybe we will just have to accept that old posts will look ugly.
 

Similar threads

  • · Replies 3 ·
Replies
3
Views
5K
  • · Replies 15 ·
Replies
15
Views
25K
  • · Replies 4 ·
Replies
4
Views
4K
  • · Replies 8 ·
Replies
8
Views
2K
  • · Replies 3 ·
Replies
3
Views
2K
  • · Replies 4 ·
Replies
4
Views
5K
  • · Replies 3 ·
Replies
3
Views
2K
Replies
8
Views
5K
  • · Replies 17 ·
Replies
17
Views
4K
  • · Replies 3 ·
Replies
3
Views
13K