Adds gallery buttons to steam showcases
// ==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('◀'));
go_next.append(arrow.clone().html('▶'));
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);
})();