folgend für alle die das Thema "stop at hover" interessiert - hier eine "Arbeitsgrundlage"
Code:
<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('domready',function(){
//variables for making things more simple below
var itemsHolder = $('ce_slider_itemsholder_<?php echo $this->id; ?>');
var myItems = $$('#ce_slider_itemsholder_<?php echo $this->id; ?> .ce_slider_item');
<?php if($this->Controls): ?>
var numNavHolder = $('ce_slider_controls_elements_<?php echo $this->id; ?>').getElement('ul');
var thePrevBtn = $('ce_slider_prev_btn_<?php echo $this->id; ?>');
var theNextBtn = $('ce_slider_next_btn_<?php echo $this->id; ?>');
<?php endif; ?>
var SL_Slider_Sleep = new Class({
Extends: SL_Slider,
Implements: Options,
options: {
sleep: false
},
sleepIt: function () {
var self = this;
//only set sleep if isPaused false
if(self.options.isPaused == false){
if(self.options.sleep){
self.options.sleep = false
self.timer = self.slideIt.periodical(self.options.slideTimer, this, null);
numNavHolder.setStyle('opacity', 1);
self.slideIt();
}
else{
self.options.sleep = true
$clear(self.timer);
numNavHolder.setStyle('opacity', 0.4);
}
} //end if isPaused
}
});
//create an instance of the slider, and start it up
var ceSlider<?php echo $this->id; ?> = new SL_Slider_Sleep({
slideTimer: <?php echo $this->RotationInterval; ?>,
orientation: '<?php echo $this->EffectOrientation; ?>',
fade: <?php echo $this->EffectFade; ?>,
transitionTime: <?php echo $this->EffectDuration; ?>,
transitionType: '<?php echo $this->EffectsExtended; ?>',
isPaused: <?php echo $this->PlayAuto; ?>,
<?php if($this->Controls): ?>navContent: [<?php echo $this->navItems; ?>],<?php endif; ?>
container: itemsHolder,
items: myItems
<?php if($this->Controls): ?>
<?php if($this->Controls_Elements != 'none'): ?>
,numNavActive: true,
numNavHolder: numNavHolder,
pageLink: '<?php echo $this->PageLink; ?>'
<?php endif; ?>
<?php if($this->Controls_NextPrev): ?>
,prevBtn: thePrevBtn,
nextBtn: theNextBtn
<?php endif; ?>
<?php endif; ?>
});
ceSlider<?php echo $this->id; ?>.start();
itemsHolder.addEvents({
'mouseenter': function(){
ceSlider<?php echo $this->id; ?>.sleepIt();
},
'mouseleave': function(){
ceSlider<?php echo $this->id; ?>.sleepIt();
}
});
});
/* ]]> */
</script>
den Code als JS-Template einfügen - achtung ich habe auch im JS und HTML-Template die ID referenziert, damit ich mehrere Slider auf eine Seite bekomme (ohne "übersprechen")
zonky