[Plugin: WP Supersized] Request: toggle thumb tray on hover

hokay.. i figured it out (more or less!)..

step one: download the pre-minified code from https://github.com/buildinternet/supersized
place the file supersized.shutter.js next to the other wp-supersized/theme files

in WPSupersized.php:

1. register the new file as WPSupersized_theme_original_js around line 77
2. enqueue it around line 175 (i’m only using the slideshow option)

jump into supersized.shutter.js

1. enter the following under /* Thumbnail Tray line 35

$(vars.thumb_trigger).fadeTo('slow', 0 );

$(vars.thumb_trigger).hover(
	function(){ //mouse over
		var $this=jQuery(this);
		$this.stop().fadeTo("slow", 1);
},
function(){ //mouse out
	var $this=jQuery(this);
	$this.stop().fadeTo("slow", 0 );
	}
);

in WPSupersize.php
wrap the #thumb-tray with another div:

<div id="thumb-trigger">
	<div id="thumb-tray" class="load-item">
    </div>
</div>

in the css:
#controls-wrapper {display: none}
replace #thumb-tray with:

#thumb-trigger{ position:fixed; z-index:3; bottom:0; left:0;  height: 145px; width:100%; overflow:hidden; text-align:center; }
#thumb-tray{ background: rgba(0,0,0,0.8);/*url(../img/bg-black.png);*/ -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }

more or less.. hope thats a trail to sniff around 🙂