✔ jQuery Mobile Image Slider

[andreano]

Hallo liebe Tutorialer
ich bin auf ein "kleines" problemchen gestoßen.

Ich erstelle gerade zu Testzwecken eine Mobile Internetseite für Smartphon Geräte.

Folgendes habe ich im Internet gefunden -> http://jsfiddle.net/YgJ9P/295/

Das passt auch Super zu meinem Projekt, eigentlich genau das was gesucht war.
Ein Problem tritt leider auf meinem System doch auf.

Nachdem ich alles 1zu1 von http://jsfiddle.net/YgJ9P/295/ auf mein Rechner übernehme funktionier es nicht, die Bilder bewegen sich nicht wenn nich den Slider bewege...

Folgendes Implementiere ich bei der Übertragung:

Im Head bereich 
<link rel="stylesheet" href=" http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
<style>.slider_label { margin:0 auto;  }</style>

Im footer
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
<script>
$("#slider").change(function() {
    sVal = $(this).val();
    
    if(sVal > 0 && sVal <= 2) {
        $('#theImage').attr('src', 'http://blog.prinz.de/grand-prix/files/sonne7.jpg');
    }
    
    if(sVal > 1 && sVal <= 3) {
        $('#theImage').attr('src', 'http://blog.kiyo.ch/wp-content/uploads/2012/05/sonne.png');
    }
    
    if(sVal > 2 && sVal <= 4) {
        $('#theImage').attr('src', 'http://www.nhv-wetterau.de/images/Sonnengruppe_sonne_Petra.gif');
    }
    
    if(sVal > 3 && sVal <= 5) {
        $('#theImage').attr('src', 'http://blog.prinz.de/grand-prix/files/sonne7.jpg');
    }
    if(sVal > 4 && sVal <= 6) {
        $('#theImage').attr('src', 'http://blog.kiyo.ch/wp-content/uploads/2012/05/sonne.png');
    }
    if(sVal > 5 && sVal <= 7) {
        $('#theImage').attr('src', 'http://www.nhv-wetterau.de/images/Sonnengruppe_sonne_Petra.gif');
    }
    if(sVal > 6 && sVal <= 8) {
        $('#theImage').attr('src', 'http://blog.prinz.de/grand-prix/files/sonne7.jpg');
    }
    if(sVal > 7 && sVal <= 9) {
        $('#theImage').attr('src', 'http://blog.kiyo.ch/wp-content/uploads/2012/05/sonne.png');
    }
});?
</script>

 

[rayphi]

Hallo andreano,

Also ich kann jetzt auf den ersten blick auch kein Fehler sehen.
Sagt denn die Browser Konsole irgendwas?

 

[andreano]

Der Firebug oder ähnliche Tool liefern absolut keine Probleme oder wahrnungen. Genau das stört mich.

edit:
Wird nicht mehr gebraucht / deswegen kann gelöscht werden.

 

[sheel]

Statt zu löschen wäre es schön, die Lösung kurz zu beschreiben.
Damit ist eventuell anderen Suchenden auch geholfen.