Люди помоготе разобраться в скрипте. Нужно чтобы фреймы менялись автоматически через определенное время. На данный момент меняются только при нажатии на скролеры "вперед" и "назад".
зы. Не пинайте сильно я не очень разбираюсь в java
Скрипт:
| Код |
// slide
var SimpleSlide = new Class({
initialize: function(container,options) {
this.container = container;
this.options = options;
var automated;
var direction;
var hideshow_flag;
this.hideshow_flag=true;
if(this.options) this.direction = this.options.direction;
else this.direction = "forward";
// Is it on autorun or manual?
if (this.direction!="pause")
{
if(this.options.auto == "loop" || this.options.auto == "once") {
this.automated = this.slider.periodical(this.options.time,this,$(this.container));
} else {
this.slider($(this.container))
}
}
},
next: function(type) {
if(this.options.auto == "loop" || this.options.auto == "once") {
this.run();
};
this.options.type=type;
this.direction="forward";
this.slider($(this.container));
},
prev: function(type) {
if(this.options.auto == "loop" || this.options.auto == "once") {
this.run();
};
this.options.type=type;
this.direction="back";
this.slider($(this.container));
},
pause: function() {
this.direction="pause";
this.slider($(this.container));
},
run: function() {
this.direction="forward";
this.automated = this.slider.periodical(this.options.time,this,$(this.container));
},
slider: function(container) {
if ((this.options.auto == "once" || this.options.auto == "loop") && this.direction == "run")
{
$clear(this.automated);
}else{
var child;
// Get all child nodes to scroll between.
var children = container.getChildren().getChildren()[0];
// Run through all child nodes to see if there is a tagged one.
children.each(function(e) {
// If there is, make it current child.
if(e.id == "currentChild") {
child = e;
}
// alert(e.id);
});
//alert(this.direction);
if(!child) {
// If there isn't, make the first one current child.
if(this.direction == "forward") {
child = children[0].getNext();
}
else if(this.direction == "back") {
child = container.getChildren()[0].getLast();
}
} else {
// Are we going to the next or previous node?
if(this.direction == "forward") {
var lastElement = container.getChildren()[0].getLast();
// Stops the loop at the last element.
if(lastElement == child.getNext() && this.options.auto == "once") $clear(this.automated);
// Is the current child the last node? Then set the first node as child, otherwise set the next node as child.
if(lastElement == child) child = children[0];
else child = child.getNext();
}
else if(this.direction == "back") {
var firstElement = container.getChildren()[0].getFirst();
// Stops the loop at the last element.
if(firstElement == child.getPrevious() && this.options.auto == "once") $clear(this.automated);
// Is the current child the last node? Then set the first node as child, otherwise set the next node as child.
if(firstElement == child) child = container.getChildren()[0].getLast();
else child = child.getPrevious();}};
// Is the child defined?
if(child && this.direction != "pause") {
// Which type of slider is defined?
if(this.options.type == "scroll") this.scroll(container,children,child);
else if(this.options.type == "fade") this.fade(container,children,child);
else if(this.options.type == "scrollfade") this.scrollfade(container,children,child);
}
if(child && this.direction != "run") {
// Which type of slider is defined?
if(this.options.type == "scroll") this.scroll(container,children,child);
else if(this.options.type == "fade") this.fade(container,children,child);
else if(this.options.type == "scrollfade") this.scrollfade(container,children,child);
}
}
},
init_vertical: function() {
$(this.container).setStyle('position','relative');
var children = $(this.container).getChildren().getChildren()[0];
var i;
var s_h;
var s_w;
var b_w;
b_w=$(this.container).getStyle('border-width').toInt();
s_h=$(this.container).getSize().size.y-2*b_w;
s_w=$(this.container).getSize().size.x-2*b_w;
//s_h=100;
//s_w=600;
i=0;
children.each(function(e) {
if (i!=0)
{
e.id = "currentChild";
$('currentChild').setStyle('position','relative');
$('currentChild').setStyle('left',0-s_w*i);
$('currentChild').setStyle('top',0+s_h*i);
e.id = "";
}
i++;
});
children.each(function(e) {
e.id = "";
});
},
init_horizontal: function() {
$(this.container).setStyle('position','relative');
var children = $(this.container).getChildren().getChildren()[0];
var i;
var s_h;
var s_w;
var b_w;
b_w=$(this.container).getStyle('border-width').toInt();
s_h=$(this.container).getSize().size.y-2*b_w;
s_w=$(this.container).getSize().size.x-2*b_w;
//s_h=100;
//s_w=600;
i=0;
children.each(function(e) {
if (i!=0)
{
e.id = "currentChild";
$('currentChild').setStyle('position','relative');
$('currentChild').setStyle('left',0);
$('currentChild').setStyle('top',0);
e.id = "";
}
i++;
});
},
scroll: function(container,children,child) {
// Make it a scroll slide.
var scroll = new Fx.Scroll(container,{duration: this.options.duration, onComplete: function() {
// Remove tags from all child nodes.
children.each(function(e) {
e.id = "";
});
// Tag this child as current
child.id = "currentChild";
}}).toElement(child);
},
fade: function(container,children,child) {
// Make it a fade slide
var fade = new Fx.Style(container,'opacity',{duration: this.options.duration, onComplete: function() {
new Fx.Scroll(container,{duration: 1,onComplete: function() {
// Remove tags from all child nodes.
children.each(function(e) {
e.id = "";
});
// Tag this child as current
child.id = "currentChild";
new Fx.Style(container,'opacity').start(0.01,1);
}}).toElement(child);
}})
fade.start(1,0.01);
},
scrollfade: function(container,children,child) {
// In case you input the miliseconds as a string instead of integer.
var durationInt = this.options.duration.toInt();
// Make it a scrollfade slide
var fade = new Fx.Style(container,'opacity',{duration: (durationInt/2)})
fade.start(1,0.01).chain(function() {
fade.start(0.01,1);
});
new Fx.Scroll(container,{duration: durationInt, onComplete: function() {
// Remove tags from all child nodes.
children.each(function(e) {
e.id = "";
});
// Tag this child as current
child.id = "currentChild";
}}).toElement(child);
},
hide_and_show_fade:function()
{
var fade = new Fx.Style($(this.container),'opacity',{duration: this.options.duration});
if (this.hideshow_flag)
{
fade.start(1,0.01);
}else
{
fade.start(0.01,1);
}
this.hideshow_flag=!this.hideshow_flag;
}
});
|
Код в странице:
| Код |
<script type='text/javascript'>
var slidebox = new SimpleSlide("SlideBox",{type: "fade", direction: "stop", auto: "loop", time: 3000, duration: 500});
var type_slider='fade';
</script>
|
Помогите плизз очень нужно  |
. насколько я понимаю функция рун срабатывает только при клики мыши а не автоматом 
