Hey all,
Pretty big Newb here... just getting starting to get into Wordpress. Thematic is pretty rockin.
Anywho, I just incorporated Supersized (http://buildinternet.com/project/supersized/) into my site and it's working fine... however, it's displaying on every page and I only want it to display on the home page. It's running through the functions.php page and I've tried putting in a conditional tag but can't seem to figure out where it needs to be placed. I don't know what I'm missing. As far as I know, I could be setting it up completely wrong. Unfortunately I'm just hosting the site locally for the time being but here is my code (without the conditional tag)--any suggestions would be GREATLY appreciated! Thanks!
function childtheme_favicon() { ?>
<link rel="shortcut icon" href="<?php echo bloginfo('stylesheet_directory') ?>/images/favicon.ico" />
<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/jt_martin/css/supersized.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/jt_martin/js/supersized.3.1.3.js"></script>
<script type="text/javascript">
jQuery(function($){
$.supersized({
//Functionality
slideshow : 1, //Slideshow on/off
autoplay : 1, //Slideshow starts playing automatically
start_slide : 1, //Start slide (0 is random)
random : 0, //Randomize slide order (Ignores start slide)
slide_interval : 5000, //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 : 500, //Speed of transition
new_window : 1, //Image links open in new window/tab
pause_hover : 0, //Pause slideshow on hover
keyboard_nav : 1, //Keyboard navigation on/off
performance : 1, //0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
image_protect : 1, //Disables image dragging and right click with Javascript
image_path : 'http://localhost/wordpress/wp-content/themes/jt_martin/img/', //Default image path
//Size & Position
min_width : 0, //Min width allowed (in pixels)
min_height : 0, //Min height allowed (in pixels)
vertical_center : 1, //Vertically center background
horizontal_center : 1, //Horizontally center background
fit_portrait : 1, //Portrait images will not exceed browser height
fit_landscape : 0, //Landscape images will not exceed browser width
//Components
navigation : 1, //Slideshow controls on/off
thumbnail_navigation : 1, //Thumbnail navigation
slide_counter : 1, //Display slide numbers
slide_captions : 1, //Slide caption (Pull from "title" in slides array)
slides : [ //Slideshow Images
{image : 'http://news.byu.edu/releases/archive08/Feb/genevasteel/CentralMaintenanceChangeRoom.jpg', title : 'Logan Inversion', url : ''},
{image : 'http://www.sghi.info/GL/img/HDR_01/Industrial/industrial.remains_Germany_by_Till.Krech__CCby20.jpg', title : 'Hold My Hand', url : ''},
{image : 'http://cdn.lightgalleries.net/4be4829498713/images/Industrial3-1.jpg', title : 'Bellinzona at Night', url : ''},
{image : 'http://farm4.static.flickr.com/3335/3250537413_e1118d0c78_o.jpg', title : 'The Good Old South', url : ''},
{image : 'http://www.lussierphoto.com/wp-content/gallery/washington-mills/20100702_rtl3460_hdr_bad.jpg', title : 'Church In Switzerland', url : ''}
]
});
});
</script>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
jQuery(document).ready(function($) { //tells WP to recognize the $ variable
//paste your jquery code here
$(document).ready(function(){
//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
//Partial Sliding (Only show some of background)
$('.boxgrid.peek').hover(function(){
$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
}, function() {
$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
});
//Partial Sliding (Only show some of background)
$('.boxgrid.peekup').hover(function(){
$(".cover", this).stop().animate({top:'-23px'},{queue:false,duration:100});
}, function() {
$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:100});
});
//Caption Sliding (Partially Hidden to Visible)
$('.boxgrid.caption').hover(function(){
$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
}, function() {
$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
});
});
}); //end document ready functions
/* ]]> */
</script>
<?php }
add_action('wp_head', 'childtheme_favicon');