De bruker vanlige tall igjen nå...
Jeg ble selv nysgjerrig på bildene til andre så jeg lagde følgende:
Kode
<!DOCTYPE html>
<html lang="no">
<head>
<title>bildr</title>
<meta charset="utf-8">
<style>
* {
margin: 0px;
padding: 0px;
}
div {
float: left;
margin: 5px;
padding: 5px;
border: 1px solid gray;
}
img {
max-width: 300px;
}
button {
font-size: 150%;
width: 100%;
position: fixed;
bottom: 0px;
}
</style>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
function getURLParameter(name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null
}
$(document).ready(function() {
// Fjern beskjed
$("noscript").remove();
// Innstillinger
var URL = "http://bildr.no/image/???.jpeg";
var teller = getURLParameter("start");
if (!teller) {
teller = 50; // blanke bilder før dette
}
var antallSamtidig = 100;
// Last bilder
$("body").append("<button>Se flere</button>");
$("button").click(function() {
// Legg til ett og ett bilde
for (var i = 0; i < antallSamtidig; i++) {
var bildeURL = URL.split("???").join(teller);
var bildeHTML = '<div><a target="_blank" href="' + bildeURL + '"><p>' + bildeURL + '</p><img src="' + bildeURL + '"></a></div>';
$("body").append(bildeHTML);
teller++;
}
// Fjern tomme bilder (404)
$("img").on('error', function() {
$(this).parent().parent().remove();
});
});
// Begynn når siden er lastet
$("button").trigger("click");
});
</script>
</head>
<body>
<noscript>Skru på JavaScript din nisse!</noscript>
</body>
</html>
For bruk:
1. Kopier koden og lagre som HTML, f.eks. "bildr.html".
2. Åpne filen i nettleseren.
3. For å starte en bestemt plass, f.eks. på bilde nr. 5000. Skriv inn ?start=5000 i adresselinjen etter bildr.html og klikk Enter.
Skjermdump:
http://bildr.no/image/T01SME9H.jpeg
Sist endret av grumf; 7. desember 2015 kl. 22:37.