Jump to content


Photo
- - - - -

Using Supersized 3.1.3


  • Please log in to reply
8 replies to this topic

#1 loraxio

loraxio

    Advanced Member

  • Members

  • 54 posts
  • Framework Version:3.4.2
  • Country: Country Flag

Posted 17 June 2011 - 03:44 PM

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.

#2 loraxio

loraxio

    Advanced Member

  • Members

  • 54 posts
  • Framework Version:3.4.2
  • Country: Country Flag

Posted 19 June 2011 - 02:56 AM

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)

#3 Danny

Danny

    Is Awesome!

  • Moderators
  • 15788 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 June 2011 - 12:31 PM

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

#4 loraxio

loraxio

    Advanced Member

  • Members

  • 54 posts
  • Framework Version:3.4.2
  • Country: Country Flag

Posted 19 June 2011 - 02:56 PM

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

#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 15788 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 June 2011 - 09:51 PM

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

#6 loraxio

loraxio

    Advanced Member

  • Members

  • 54 posts
  • Framework Version:3.4.2
  • Country: Country Flag

Posted 20 June 2011 - 03:57 PM

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 © 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>


#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 15788 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 22 June 2011 - 12:24 AM

Thanks!

#8 loraxio

loraxio

    Advanced Member

  • Members

  • 54 posts
  • Framework Version:3.4.2
  • Country: Country Flag

Posted 12 July 2011 - 05:42 AM

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.../wp-supersized/

#9 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 12 July 2011 - 02:38 PM

Thanks for the update Joshua...