Slider wil image niet pakken.

Status
Niet open voor verdere reacties.

SpeedyGJ

Nieuwe gebruiker
Lid geworden
6 apr 2018
Berichten
1
Sinds een week ben ik bezig met het opzetten van een image slider, na lang zoeken heb ik eindelijk 1 gevonden die werkt, het is alleen de standaard balkje die erbij zit.
Met de jQueryUI heb ik een balkje gevonden die naar mij wens is, moet nog wel beetje aangepast worden maar dat is voor later.
Probleem is nu dat de slider de image (114 png afbeeldingen) niet wil pakken, ik kan de slider wel bewegen maar de trigger naar de afbeelding lijkt niet te kloppen. Heb al verschillende manieren geprobeerd maar ik krijg het niet voor elkaar.
Weer iemand wat er fout gaat en hoe dit op te lossen?

Code:
<!-- Ophalen afbeeldingen -->
<img id="img"><br>
    
<!-- Slider -->
    <div class="layout-slider">
      <input id="Slider5" type="slider" oninput="showVal(this.value)" onchange="showVal(this.value)" name="area" value="1" />
    </div>
<!-- Config ophalen afbeeldingen -->
        <script>
    var val = document.getElementById("Slider5").value;
        document.getElementById("img").src = val + ".png";
        function showVal(newVal){
          document.getElementById("img").src = newVal+ ".png";
        }
</script>
<!-- Config slider -->
    <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>

Link naar de image slider. mocht je dit nodig hebben.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan