Запустил группу вконтактеНовые технологии дают толчок к будущемуЗа последние выходные почти полноценно перешёл на LinuxУмение ходить по граниКак тяжело терять близких людей

Мой собственный слайдер


HTML заменяем as на < bs на >


asdiv id="bg"bs
     asp id="bg_1"bsasimg src="/templates/LorrD/img/fone/0.jpg"/bsas/pbs
     asp id="bg_2"bsasimg src="/templates/LorrD/img/fone/1.jpg"/bsas/pbs
     asp id="bg_3"bsasimg src="/templates/LorrD/img/fone/2.jpg"/bsas/pbs
     asp id="bg_4"bsasimg src="/templates/LorrD/img/fone/3.jpg"/bsas/pbs
     asp id="bg_5"bsasimg src="/templates/LorrD/img/fone/4.jpg"/bsas/pbs
     asp id="bg_6"bsasimg src="/templates/LorrD/img/fone/5.jpg"/bsas/pbs
     asp id="bg_7"bsasimg src="/templates/LorrD/img/fone/6.jpeg"/bsas/pbs
as/divbs


стили


#bg { position:fixed; top:-50%; left:-50%; width:200%; height:200%;}
#bg p {opacity: 0; filter:alpha(opacity=0); position: absolute; top:0; left:0; right:0; bottom:0; z-index: -2;}
#bg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%;}


скрипт


var lr_corDIV = 'bg'; //Исходный див
var lr_tehz = document.getElementById(lr_corDIV).getElementsByTagName("p").length; //Количество элементов в массиве
var lr_tehz_now = lr_tehz; //Текущее значение, необходимое для слайдера
var lr_tehz_now_2 = lr_tehz-1; //Следующий див
var lr_zindex1 = 0; //позиционирование у высшего блока
var lr_zindex2 = -1; //позиционирование у низшего блока
var lr_time1 = 50; //Временной интервал для выполнения функции
var lr_time2 = 1000; //Временной интервал для выполнения функции
var lr_opacityshag = 2; //Шаг для полупрозрачности
var lr_opacity = 100; //Технический параметр будет использоваться в дальнейшем
function lr_slider(lr_tehz_now,reset) {
     if (reset == 1) {
         lr_tehz_now_2 = lr_tehz_now-1;
         if (lr_tehz_now_2 <= 0) {lr_tehz_now_2 = lr_tehz;}
         if (lr_tehz_now <= 0) {lr_tehz_now_2 = lr_tehz-1;lr_tehz_now = lr_tehz;}
         lr_opacity = 100;
        }    
    if (lr_opacity == 100) {
         document.getElementById('bg_'+lr_tehz_now).style.zIndex = lr_zindex1;
         document.getElementById('bg_'+lr_tehz_now_2).style.zIndex = lr_zindex2;
         document.getElementById('bg_'+lr_tehz_now).style.opacity = 1;
         document.getElementById('bg_'+lr_tehz_now_2).style.opacity = 1;
         document.getElementById('bg_'+lr_tehz_now).style.filter = 'alpha(opacity='+100+')';
         document.getElementById('bg_'+lr_tehz_now_2).style.filter = 'alpha(opacity='+100+')';
        }
     lr_opacity = lr_opacity - lr_opacityshag;
     document.getElementById('bg_'+lr_tehz_now).style.opacity = lr_opacity/100;
     document.getElementById('bg_'+lr_tehz_now).style.filter = 'alpha(opacity='+lr_opacity+')';
//Последующий вызов функций
     if (lr_opacity <= 0) {
         lr_slider_sys = setTimeout('lr_slider('+(lr_tehz_now-1)+',1)',lr_time2);
        }
     else {
         lr_slider_sys = setTimeout('lr_slider('+lr_tehz_now+')',lr_time1)
        }
    }
lr_slider(lr_tehz,1);

Версия с возможностью переключения на конкретный элемент в слайдере

Разработал версию работающую в режиме обычного слайдера, пришлось её разработать так как на одном из проектов не получалось интегрировать обычный слайдер. Вот пример на котором можно понять как работает слайдер.