Raw Source Toggle Dropdown

• Minified Source

gschizas / Banner Carousel

// ==UserScript==
// @name         Banner Carousel
// @namespace    http://terrasoft.gr/userscripts/
// @version      0.4.0
// @description  Banner Carousel
// @author       George Schizas
// @match        https://www.reddit.com/r/greece/comments/6xsfpl/*
// @downloadUrl  https://openuserjs.org/install/gschizas/Banner_Carousel.user.js
// @grant        unsafeWindow
// ==/UserScript==

var $ = unsafeWindow.jQuery;

var bannerImages = [
    'https://upload.wikimedia.org/wikipedia/commons/9/90/Meteory_1_wisnia6522.jpg',
    'https://i.imgur.com/IJ2QVfN.jpg',
    'https://i.imgur.com/Fyg93xd.jpg',
    'https://i.imgur.com/8xCQ2Vo.jpg',
    'https://i.imgur.com/ZDAjpC8.jpg',
    'https://i.redd.it/g33b3wso74mx.jpg',
    'https://upload.wikimedia.org/wikipedia/commons/9/9e/Lindos_Village_Overview.jpg',
    'https://i.imgur.com/i6CIiKj.jpg',
    'https://upload.wikimedia.org/wikipedia/commons/7/7a/Old_Panteleimonas%2C_Greece.jpg',
    'https://c1.staticflickr.com/9/8735/17016536689_fe1140947e_o.jpg',
    'https://c2.staticflickr.com/8/7450/8716167856_acb28b4d4c_o.jpg',
    'https://upload.wikimedia.org/wikipedia/commons/1/13/Port_of_Castelorizo.jpg',
    'https://i.imgur.com/zECaQkU.jpg',
    'https://i.imgur.com/7MxFqdl.png',
    'https://i.imgur.com/4mw56Eb.jpg',
    'https://i.imgur.com/5OXdWoa.jpg',
    'https://i.imgur.com/PlHpG.jpg',
    'https://i.imgur.com/YJ2geQ2.jpg',
    'https://i.imgur.com/8e4bYP6.jpg',
    'https://i.imgur.com/0AePNP9.jpg'
];

var bannerControlHtml = "<select id='bannerSelect'><option value='0'>--[Default Banner]--</option>";

for (var i=0; i<bannerImages.length; i++) {
    var img = bannerImages[i];
    bannerControlHtml  += "<option value='" + (i+1) + "'>" + img + "</option>";
}

bannerControlHtml += "</select><button id='bannerPrev'>« Prev</button><button id='bannerNext'>Next »</button>";

console.log(bannerControlHtml);

var bannerControl = $(bannerControlHtml);

$('#siteTable').prepend(bannerControl);

$('#bannerSelect').change(function() {
    console.log('53');
    selectedImage = parseInt($(this).val());
    var imageUrl = (selectedImage===0)? '//b.thumbs.redditmedia.com/VqeenTQtUaMAusUt1nS-Yewf-UK9wktfqVqobtcV5ww.jpg' : bannerImages[selectedImage-1];
    $('#header').css('background-image', 'url(' + imageUrl + ')');
});

$('#bannerPrev').click(function() {
    console.log("« Prev");
    var currentBanner = $('#bannerSelect').val();
    currentBanner--;
    if (currentBanner < 0) currentBanner = bannerImages.length;
    $('#bannerSelect').val(currentBanner);
    $('#bannerSelect').change();
});

$('#bannerNext').click(function() {
    console.log("Next »");
    var currentBanner = $('#bannerSelect').val();
    currentBanner++;
    if (currentBanner>bannerImages.length) currentBanner = 0;
    $('#bannerSelect').val(currentBanner);
    $('#bannerSelect').change();
});