_
toggle menu eXmatrikulationsamt.de
online: 355 gäste

> Erstellung einer Seite mit Schieberegler

Themen Layout: Standard · Linear · [Outline] Thema abonnieren | Thema versenden | Thema drucken
post 07 Jul 2014, 15:27

1. Schein
*

Punkte: 36
seit: 08.06.2010

Hallo,
ich hoffe mir kann hier jemand helfen.
Ich möchte eine ganz einfache html etc. Seite erstellen.
Diese soll einen Schieberegler mit 8 Stufen enthalten & hinter jeder Stufe soll sich ein Bild verbergen. Das Bild soll oberhalb dann jeweils angezeigt werden.
Ich habe bisher nur Fotogalerien mit "Slider" gefunden. Die Schieberegler konnten bisher nur Zahlen in bestimmter Schrittweite anzeigen.

Viele Dank für eure Hilfe!
ProfilPM
AntwortenZitierenTOP
 
Antworten
post 08 Jul 2014, 09:18
avatar
parse error
*********

Punkte: 13758
seit: 27.05.2003

na da kannste zb den jquery ui slider nehmen.
daneben legste die bilder alle ein div und blendest per css erstmal alle aus. dann nimmste den wert vom slider und blendest nur das bild ein, das den jeweiligen wert hat.

so mal grob:

CODE

HTML:
<img id="i1"/>
<img id="i2"/>
<img id="i3"/>


CSS:
img {display:none;}

JS:
$('#myslider').on('change',function(key,value){
   $('img#i'+value).show();
});


musste natürlich dem slider erstmal beibringen, ganze zahlen auszuspucken oder so, aber das steht ja alles in der api doku. da gibs auch noch andere beispiele, da findste schon was
ProfilPM
AntwortenZitierenTOP
Beiträge
terrorzwerg   Erstellung einer Seite mit Schieberegler   07 Jul 2014, 15:27
terrorzwerg   Hallo, Danke für deine Antwort. Ich meine in etwa...   07 Jul 2014, 16:56
terrorzwerg   Dankeschön! das hat funktioniert! :)   08 Jul 2014, 09:21
Padex   na das "Ergebnis" würde dann schon auch ...   08 Jul 2014, 11:02
terrorzwerg   Ich habe das Insgesamt dann noch bisschen anders g...   08 Jul 2014, 13:29
1 Nutzer liest/lesen dieses Thema (1 Gäste)
0 Mitglieder: