Hi,
Sorry, I didn't notice your PM from earlier.
It's been a year since I did this, so the specifics are a little foggy. But you will need to insert the SuperSized code in the <head> section to call the various scripts, and, of course, you will need to have the scripts and CSS files uploaded to the corresponding folder so they can be found when called.
If you switch to <> Code display via the tab at the bottom of your Page View (where it says "Design | Code | Preview"), there are various pre-defined insertion points to place code. Here's what it looks like:
One key point is to ensure you only have ONE call to jQuery. NOF uses jQuery for their menus among other things. I inserted the SuperSized stuff right at the end of the <HEAD> section so it would appear AFTER the NOF call to load jQuery, then I removed the jQuery call required by SuperSized since it is already being done by NOF.
Here is the page I did as part of a project for a photography class I was taking. Only the HOME page uses SuperSized.
Here is my actual code if you want to have a look.
HTH
Code:
<!-- [BEGIN Custom4] -->
<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
<link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen" />
<!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> -->
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
<script type="text/javascript" src="theme/supersized.shutter.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$.supersized({
// Functionality
slide_interval : 7000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 1000, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : 'ss/bg/bg01.jpg', thumb : 'ss/bg/bg01-th.jpg' },
{image : 'ss/bg/bg02.jpg', thumb : 'ss/bg/bg02-th.jpg' },
{image : 'ss/bg/bg03.jpg', thumb : 'ss/bg/bg03-th.jpg' },
{image : 'ss/bg/bg04.jpg', thumb : 'ss/bg/bg04-th.jpg' },
{image : 'ss/bg/bg05.jpg', thumb : 'ss/bg/bg05-th.jpg' },
{image : 'ss/bg/bg06.jpg', thumb : 'ss/bg/bg06-th.jpg' },
{image : 'ss/bg/bg07.jpg', thumb : 'ss/bg/bg07-th.jpg' },
{image : 'ss/bg/bg08.jpg', thumb : 'ss/bg/bg08-th.jpg' },
{image : 'ss/bg/bg09.jpg', thumb : 'ss/bg/bg09-th.jpg' },
{image : 'ss/bg/bg10.jpg', thumb : 'ss/bg/bg10-th.jpg' },
{image : 'ss/bg/bg11.jpg', thumb : 'ss/bg/bg11-th.jpg' }
]
});
});
</script>
<!-- [END Custom4] -->
</head>
Using SUPERSIZED
Posting Permissions
Reply With Quote