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:

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:
HTML:
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>