Steam Gallery

Adds gallery buttons to steam showcases

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name		  Steam Gallery
// @namespace	  https://greasyfork.org/users/4390-seriousm
// @description   Adds gallery buttons to steam showcases
// @match         http://store.steampowered.com/app/*
// @version       0.3
// ==/UserScript==

(function add_gallery_buttons() {
	var frame = jQuery('#highlight_player_area');
	
	var no_select_css = {
        '-moz-user-select'     : 'none',
        '-khtml-user-select'   : 'none',
        '-webkit-user-select'  : 'none',
        '-o-user-select'       : 'none',
        'user-select'          : 'none'
    };
    
    var go_area_css = {
        position: 'absolute', 
        'z-index': '99999', 
        bottom: '1px',
        'background-color': 'rgba(255, 255, 255, 0.35)', 
        height: '20%', 
        width: '10%', 
        cursor: 'pointer'
    };

    var arrow_css = {
        position: 'relative', 
        top: '45%', 
        'font-size': '600%', 
        color: 'rgba(255, 255, 255, 0.5)', 
        'line-height': '0'
    };
        
    var go_prev_css = jQuery.extend({
        left: 0
    }, go_area_css);
    
    var go_next_css = jQuery.extend({
        right: 0
    }, go_area_css);
	
	var go_prev = jQuery("<div>");
    go_prev.attr('id', 'go-prev').css(go_prev_css);
	go_prev.css(no_select_css);
	
	var go_next = jQuery("<div>");
    go_next.attr('id', 'go-next').css(go_next_css);
    go_next.css(no_select_css);
    
    var arrow = jQuery('<span>');
    arrow.css(arrow_css);
    
    go_prev.append(arrow.clone().html('&#9664;'));
    go_next.append(arrow.clone().html('&#9654;'));
    
    go_prev.click(function(){
        var prev_screenshot = jQuery('.highlight_strip_item.focus').prev('.highlight_strip_screenshot')[0] || jQuery('.highlight_strip_screenshot').last()[0];
        jQuery(prev_screenshot).click();
    });
    
    go_next.click(function(){
        var next_screenshot = jQuery('.highlight_strip_item.focus').next('.highlight_strip_screenshot')[0] || jQuery('.highlight_strip_screenshot').first()[0];
        jQuery(next_screenshot).click();
    });
    
    frame.append(go_prev).append(go_next);
})();