thankyou! i have a question: it's possible to hide that script form you? and no one can see it from source from example
You can make any script external in the usual manner.
the last code that you give it to me move position of entries from slider 2
animationddd.ucoz.net/
I see that. I was worried something like that might happen, but I like the way it responds to the slider when it reaches the end of the first set of slides the first time regardless of how long it takes to load the page. Try this variation:
<script type="text/javascript">
jQuery(function($){ // document ready
var secs = 28, $slider1 = $('.slider'), $slider2 = $('.slider2'), $stored1 = $('<div></div>'),
$firstset = $('.slider .slider-item-small'), $wrap = $('<div></div>'), shownum = 0, functions = [
function(){ // #0
$slider1.children().appendTo($stored1);
$slider1.append($slider2.children());
functions[3]();
},
function(){ // #1
$slider1.children().appendTo($slider2);
$stored1.children().appendTo($slider1);
functions[3]();
},
function(){ // #2
$slider1.animate({opacity: 1}, 550);
shownum = (++shownum) % 2;
setTimeout(switchsliders, secs * 1000);
},
function(){ // #3
steps = 0;
$slider1.css({opacity: 0});
$parent.slideDown({duration: 800, step: functions[4], complete: functions[2]});
},
function(){ // #4
++steps === 2 && $slider1.find('.slider-item-small').eq(0).trigger('mouseenter');
$slider1.css({opacity: ($parent.height() / parentheight) * 0.55});
},
function(){ // #5
$slider1.css({opacity: ($parent.height() / parentheight) * 0.7});
}
], $parent = $slider1.parent(), parentheight, steps, begintimer;
function switchsliders(){
$parent.slideUp({duration: 800, step: functions[5], complete: function(){setTimeout(functions[shownum], 200);}});
}
begintimer = setInterval(function(){
if($slider1.children().eq(3).hasClass('slider-item-active')){
clearInterval(begintimer);
parentheight = $parent.height();
$parent.wrap($wrap.css({height: $parent.outerHeight(), width: $parent.outerWidth()}));
$('.slider2 .slider-item-small').each(function(i, el){
el.style.top = $firstset.eq(i).css('top');
});
setTimeout(switchsliders, 6000);
}
}, 20);
});
</script>
I'll use the second code. i like it :D with that fade effect. thankyou for all help.
if it's possible to hide that script from source page..it's great! :p
Like I said above, you can make any script external in the usual manner, if that's what you mean. Just take the code of the script without the script tags. Using a text only editor like NotePad, save that to a file. Call it something that will help you remember what it is, like for this it could be sliderswitch.js - save it as that. So, for the one you say you like, take only its code:
jQuery(window).load(function(){
var $ = jQuery, secs = 30, $slider1 = $('.slider'), $slider2 = $('.slider2'), $stored1 = $('<div></div>'),
$firstset = $('.slider .slider-item-small'), shownum = 0, total = 2, functions = [
function(){
$slider1.children().appendTo($stored1);
$slider1.append($('.slider2').children());
$slider1.find('.slider-item-small').eq(0).trigger('mouseenter');
},
function(){
$slider1.children().appendTo('.slider2');
$stored1.children().appendTo($slider1);
$slider1.find('.slider-item-small').eq(0).trigger('mouseenter');
},
function(){
shownum = (++shownum) % 2;
setTimeout(switchsliders, secs * 1000);
}
];
$('.slider2 .slider-item-small').each(function(i, el){
el.style.top = $firstset.eq(i).css('top');
});
function switchsliders(){
$slider1.animate({opacity: 0}, 'slow', functions[shownum])
.delay(500).animate({opacity: 1}, 'slow', functions[2]);
}
setTimeout(switchsliders, secs * 1000);
});
Upload that new file (sliderswitch.js) to the same folder as the page. On the page where the script is, replace it with:
<script type="text/javascript" src="sliderswitch.js"></script>
That one can be improved though given what we are learning about the first one. Let me know how things work when you try the code at the top of this post. Depending upon how that goes, I will have an update for the one you say you like. I will either add just the timing mechanism for completion of the first set of slides, or that plus keying off of document ready, if the change at the top of this post fixes the positioning problem (or if it doesn't, if I can figure out some other way to fix that for document ready).