Cufon and Supersized not working after upgrade to 5.1
Permalink
I have am making a concrete5 site and just upgraded it to 5.1 but now the javascritp isn't working. I am using cufon and supersized jquery plugins. It is finding the files ok but nothing is happening and now the edit bar has gone white. My header code looks like this:
[code]<?php
defined('C5_EXECUTE') or die("Access Denied.");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $this->getStyleSheet('css/main.css')?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $this->getStyleSheet('css/typography.css')?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $this->getStyleSheet('css/supersized.core.css')?>" />
<? Loader::element('header_required'); ?>
<script src="<?php echo $this->getThemePath() ?>/js/cufon.js" type="text/javascript"></script>
<script src="<?php echo $this->getThemePath() ?>/js/mtcorsva_italic_400.font" type="text/javascript"></script>
<script src="<?php echo $this->getThemePath() ?>/js/supersized.core.3.2..min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($){
$.supersized({
slides : [ {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg'} ]
});
});
Cufon.replace('h1');
Cufon.replace('h2');
</script>
</head>[code]
Can anyone spot what is going wrong? Thanks!
[code]<?php
defined('C5_EXECUTE') or die("Access Denied.");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $this->getStyleSheet('css/main.css')?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $this->getStyleSheet('css/typography.css')?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $this->getStyleSheet('css/supersized.core.css')?>" />
<? Loader::element('header_required'); ?>
<script src="<?php echo $this->getThemePath() ?>/js/cufon.js" type="text/javascript"></script>
<script src="<?php echo $this->getThemePath() ?>/js/mtcorsva_italic_400.font" type="text/javascript"></script>
<script src="<?php echo $this->getThemePath() ?>/js/supersized.core.3.2..min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($){
$.supersized({
slides : [ {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg'} ]
});
});
Cufon.replace('h1');
Cufon.replace('h2');
</script>
</head>[code]
Can anyone spot what is going wrong? Thanks!
