mirror of
https://github.com/reality/dbot.git
synced 2024-11-27 14:29:29 +01:00
bbece26213
* Added function to display message * Added ``s`` hotkey to toggle the scrollbar * Added ``max-width``
54 lines
1.7 KiB
Plaintext
54 lines
1.7 KiB
Plaintext
!!! 5
|
|
html(lang='en')
|
|
head
|
|
meta(charset='utf-8')
|
|
script(type="text/javascript", src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js")
|
|
link(rel="stylesheet", href="/imgurr.css")
|
|
title random imgur
|
|
script
|
|
var count = 0;
|
|
function giveMessage(msg) {
|
|
$('<li>'+msg+'</li>').prependTo('#history').hide().slideDown();
|
|
}
|
|
function getNewImage() {
|
|
count += 1;
|
|
$('#loading').fadeIn();
|
|
$('#loading').text('Loading image ' + count + '...');
|
|
document.title = 'random imgur (' + count + ')';
|
|
$('#loading').fadeIn();
|
|
$('#image').load(function(){});
|
|
$.get("/api/imgur/getRandomImage", function(d) {
|
|
$('#image').attr('src', d.data[0]);
|
|
$('#details').text("Fetching info...");
|
|
giveMessage('<a href="' + d.data[0] + '">' + d.data[0] + '</a>');
|
|
$.get("/api/imgur/getImageInfoString", { 'slug': d.data[1] }, function(info) {
|
|
if(info.data[0].indexOf('undefined') == -1) {
|
|
$("#details").text(count + ': ' + info.data[0]);
|
|
$('#details').show();
|
|
} else {
|
|
$("#details").hide();
|
|
}
|
|
$('#loading').fadeOut();
|
|
}, "json");
|
|
}, "json");
|
|
}
|
|
$(getNewImage());
|
|
$(document).on('keydown', function(e){
|
|
switch(e.which){
|
|
case 13: // enter
|
|
case 32: // space
|
|
getNewImage();
|
|
break;
|
|
case 83: // s
|
|
$('body').toggleClass('crop');
|
|
giveMessage("Toggled scrollbars.")
|
|
};
|
|
});
|
|
body
|
|
div#loading Loading image 1...
|
|
div#details Press [SPACE] to load a new image
|
|
ul#history
|
|
li Press [SPACE] for next
|
|
div#container
|
|
img#image
|