WordPress.org

Support

Support » Plugins and Hacks » [Plugin: WP Supersized] Request: toggle thumb tray on hover

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

Viewing 1 replies (of 1 total)
  • 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 🙂

Viewing 1 replies (of 1 total)
  • The topic ‘[Plugin: WP Supersized] Request: toggle thumb tray on hover’ is closed to new replies.