I'm trying to implement prettify.js
in the same way as this fellow here.
However it's not working. I copied his javascript from his page source to make sure it would work (since he wrote it in th开发者_JAVA百科e blog post publicly I think I'm not plagiarizing, plus I give credit in my page source) and I included prettify.js
from his dropbox links in his source as well to make sure the fixes he included were working. I also included Google's prettify.css
as well as their lang-css.js
because I am trying to highlight the syntax of CSS. Still not working. Below is a pastebin link of my Tumblr theme.
Theme
Since I have no actual Javascript development experience, and my CSS understanding is poor, I'm pretty sure I'm just doing something wrong. But I have no idea what. I was hoping someone on StackOverflow might know anything about this. (I realize I'm basically pasting my source and saying "HOW TO FIX????" but I don't know how to whittle down the problem any better.)
Based on what rentzsch said in his post, does anyone know something I might be doing wrong even if I'm using his Javascript and some of his CSS?
EDIT: Fixed with new jQuery link, but now images don't appear.
This code here causes images not to appear:
// CSS won't autoscale img heights given a max-width. So, we do it ourselves.
var maxWidth = $('.post_body').width();
$('img').each(function(){
var scaledHeight;
if (this.width > maxWidth) {
scaledHeight = (this.height * maxWidth) / this.width;
this.width = maxWidth;
this.height = scaledHeight;
}
});
How can I fix this?
You have broken urls to 2 JavaScript files. Change this:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3./jquery.min.js"></script>
...
<script type="text/javascript" src="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lisp.js"></script>
to this:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
...
<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/lang-lisp.js"></script>
精彩评论