Klappt auch wunderbar, nur hätte ich gern noch ein Cookie, damit er sich die Eintellung merkt, so wie hier: http://davidwalsh.name/mootools-font-si ... ookie-save
Ich habe den ganzen Tag getüfftelt, ich schaffe es nicht, die zwei Scripte nicht miteinander zu vereinen.(Liegt wohl daran, dass ich abolut nicht weiß, was ich da mache.)
Ich hätte auch gern eine Ober- und Untergrenze (0.5-3 em), damit man den Text nicht ganz verschwinden lassen kann, aber das range in meinem Script ist ohne Funktion. Vielleicht kann mir ja jemand ein paar Tips geben, hier ist das Script von meiner Seite:
Code: Select all
<div id="font-slider">
<div class="knob">
</div>
</div>
[PHP]initMootools();[/PHP]
<script type="text/javascript">
<!--
window.addEvent('domready', function(){
// First Example
var el = $('font-slider');
font = $('col1');
// Create the new slider instance
new Slider(el, el.getElement('.knob'), {
steps: 35, // There are 35 steps
mode: 'vertical',
range: [12,30], // Minimum value is 8
onChange: function(value){
// Everytime the value changes, we change the font of an element
font.setStyle('font-size', value);
}
}).set(font.getStyle('font-size').toInt());
});
//-->
</script>
