Sign in to follow this  
Followers 0

Using Supersized 3.1.3

9 posts in this topic

Posted · Report post

I think that it would be great if you would look into adding Supersized as one of the 'pre-configured' plug-ins with Platform. I am working on my first Platform site, and am trying the hack on my own that is detailed here Adding Supersized to WordPress...I'll keep you posted on my progress.

Share this post


Link to post
Share on other sites

Posted · Report post

If anyone is inetersted, I was able to successfully implement Supersized 3.1.3 into the site (you can see the test site here LINK) If you want the instructions on how I did, just let me know here...i'll be posting the detailed solution as soon as I am done with the current project (busy, busy, busy)

Share this post


Link to post
Share on other sites

Posted · Report post

I have to say that looks pretty cool, is it possible to have the backgrounds rotating without the use of a options menu at the footer of this link

Share this post


Link to post
Share on other sites

Posted · Report post

Danny , Yes,there are several ways to set it up...pretty much infinitely malleable as a plug-in. -L

Share this post


Link to post
Share on other sites

Posted · Report post

Cool, so can you show me how you implemented it please?

Share this post


Link to post
Share on other sites

Posted · Report post

Sure. The best way to implement is to follow this tutorial step-by-step. You have to place the items in the header.php file in the PLatform Pro folder (because it throws an error if you use the 'Custom Script' box in the settings. Place the js calls right after the opening

<head>
tag. You can mess with the settings to have it rotate the images without the navigation at the bottom by visiting the Supersized project page
<?php
	/*
	
		HEADER
	
		This file controls the HTML <head> and top graphical markup (including Navigation) for each page in your theme.
		You can control what shows up where using WordPress and PageLines PHP conditionals
	
		This theme copyright (C) 2008-2010 PageLines
	
	*/
		pagelines_register_hook('pagelines_before_html'); // Hook
	?><!DOCTYPE html>
	<html <?php language_attributes(); ?>>
	<head>
			<link rel="stylesheet" href="http://bapjc.org/WCOGA/wp-content/themes/platformpro/supersized/css/supersized.css" type="text/css" media="screen" />
			<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
			<script type="text/javascript" src="http://bapjc.org/WCOGA/wp-content/themes/platformpro/supersized/js/supersized.3.1.3.min.js"></script>
	
			<script type="text/javascript">
	
				jQuery(function($){
						$.supersized({
						slideshow				:	0,
						start_slide				:	0,		//Start slide (0 is random) //Requires multiple background images
						vertical_center         :   1,		//Vertically center background
						horizontal_center       :   1,		//Horizontally center background
						min_width		        :   0,		//Min width allowed (in pixels)
						min_height		        :   0,		//Min height allowed (in pixels)
						fit_portrait         	:   0,		//Portrait images will not exceed browser height
						fit_landscape			:   0,		//Landscape images will not exceed browser width
						slides					:   [ 		//Background image
															{image : 'http://bapjc.org/WCOGA/wp-content/themes/platformpro/supersized/slides/beam.jpg', title : 'beam,', url : '#'},
															{image : 'http://bapjc.org/WCOGA/wp-content/themes/platformpro/supersized/slides/pbars.jpg', title : 'pbars,', url : '#'},
															{image : 'http://bapjc.org/WCOGA/wp-content/themes/platformpro/supersized/slides/chalk.jpg', title : 'chalk,', url : '#'},
															{image : 'http://bapjc.org/WCOGA/wp-content/themes/platformpro/supersized/slides/bar.jpg', title : 'Bar', url : '#'},
															{image : 'http://bapjc.org/WCOGA/wp-content/themes/platformpro/supersized/slides/tandem_beam.jpg', title : 'tandem_beam', url : '#'},
															{image : 'http://bapjc.org/WCOGA/wp-content/themes/platformpro/supersized/slides/pommel.jpg', title : 'Pommel', url : '#'}
													]
	
					});
			    });
	
			</script>
	

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

UPDATE!!!! Someone has created a plug in for WP that integrates Supersized. Works great, doesn't require you to hack the PRO header file, and seems to load faster than the hack I had posted above. Get the Plug in here: http://wordpress.org/extend/plugins/wp-supersized/

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks for the update Joshua...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0