-
- 54 Posts
I’m running latest version of Evo on a MacBook Pro and using MAMP. PHP is set to run 5.2.17.
I’ve purchased the Agivee template from Themeforest and have begun to port. Right now I am running in to the slideshow not working or formatting properly.
There are 4 slides in it with a text block to the right of each picture. The first picture and text displays correctly but the 2nd thru 4th just appear one below the other down the page, underneath the content of the content of the main page. I looked, and the SRC line for the js files is correct as far as I can tell, as well as the css file reference to src.
A dumb question, but do I need to upload a plugin to run the JS? Otherwise, what else needs to be done. Any thoughts on this for me?
Here is the template page coding as it stands right now:
<!-- ////////////////////////////////// -->
<!-- // Javascript Files // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="assets/templates/mytemplates/Avalon/js/jquery.js"></script>
<script type="text/javascript" src="assets/templates/mytemplates/Avalon/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="assets/templates/mytemplates/Avalon/js/superfish.js"></script>
<script type="text/javascript">
// initialise plugins
jQuery(function(){
jQuery(’ul.sf-menu’).superfish();
});
</script>
<script src="assets/templates/mytemplates/Avalon/js/jquery.cycle.all.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$(’#slideshow’).cycle({
timeout: 5000, // milliseconds between slide transitions (0 to disable auto advance)
fx: ’fade’, // choose your transition type, ex: fade, scrollUp, shuffle, etc...
pager: ’#pager’, // selector for element to use as pager container
pause: 0, // true to enable "pause on hover"
pauseOnPagerHover: 0 // true to pause when hovering over pager link
});
$(’#featured’).cycle({
timeout: 12000, // milliseconds between slide transitions (0 to disable auto advance)
fx: ’scrollUp’, // choose your transition type, ex: fade, scrollUp, shuffle, etc...
pause: 0, // true to enable "pause on hover"
pauseOnPagerHover: 0 // true to pause when hovering over pager link
});
});
</script>
<script type="text/javascript" src="assets/templates/mytemplates/Avalon/js/cufon-yui.js"></script>
<script type="text/javascript" src="assets/templates/mytemplates/Avalon/js/MankSans-Medium_500.font.js"></script>
<script type="text/javascript">
Cufon.replace(’h1’) (’h2’) (’h3’) (’h4’) (’.phone’) (’.textslide p’);
</script>
</head>
<body>
-
- 54 Posts
It it helps, firebug shows this error message: jQuery("ul.sf-menu").superfish is not a function
[Break On This Error] jQuery(’ul.sf-menu’).superfish();
Try loading the main jQuery library in your template head, and then configure the QuickManager plugin to NOT load jquery in the frontend. Or if you won’t be using the QuickManager feature, just disable the plugin.
-
- 54 Posts
Honestly sottwell, I don’t know how to do that! Could you provide a little more explanation on how to or a link that would explain it? Thanks!
In your template, you should have something like
<script type="text/javascript" src="assets/js/jquery-1.6.2.min.js"></javascript>
The actual name of the jquery library file will vary depending on what version you’re using; you can also
link directly to the JQuery repository’s version or use the
Google CDN repository.
Then, in the Manager, go to Elements, Manage Elements, and the Plugins tab. Open the QuickManager plugin, and go to its Configuration tab. In the select field for "Load jQuery in front-end" select False.
To disable a plugin, in its General tab, check the Plugin Disabled checkbox.
-
- 54 Posts
Thanks so much sottwell. I actually just found the answer in a great screencast on The Coding Pad which I had not come across yet. It specifically addressed the jquery compatibility issues. I disabled the QuickManager for the time being and it fixed the problem. I guess there is also a little bit of code you can insert in the html as well if one still needs access to the QuickManager. For now this gets me exactly where I need to be.
Thanks again!
☆ A M B ☆