Sinds deze week ben ik bezig om een image slider werkend te krijgen, het gaat hier om actuele weerkaarten die per dag rond de 114 afbeeldingen zit.
Nu heb ik de opzet allemaal verder gemaakt, echter krijg ik het tot de dag van vandaag nog steeds niet voor elkaar om de slider te koppelen aan de afbeeldingen.
Heb al 1 en ander geprobeerd te veranderen / toevoegen etc.
Dit is de code die ik momenteel gebruik.
<img id="img"><br>
<div class="layout-slider">
<input id="Slider5" type="slider" oninput="showVal(this.value)" onchange="showVal(this.value)" name="area" value="1" />
</div>
<script>
var val = document.getElementById("Slider5").value;
document.getElementById("img").src = val + ".png";
function showVal(newVal){
document.getElementById("img").src = newVal+ ".png";
}
</script>
<script type="text/javascript" charset="utf-8">
jQuery("#Slider5").slider({ from: 1, to: 1440, step: 10, dimension: '', scale: ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00'], limits: false, calculate: function( value ){
var hours = Math.floor( value / 60 );
var mins = ( value - hours*60 );
return (hours < 10 ? "0"+hours : hours) + ":" + ( mins == 0 ? "00" : mins );
}})
</script>
Wat gaat hier fout dat de slider de afbeeldingen niet wil verzetten naar de volgende afbeelding?
