Просмотр полной версии : Слайдер: добавить еще один элемень
Приветствую всех, помогите разобраться. Есть скрипт с помощью которого прокручивается слайдер с 5-ю картинками. надо добавить еще одну.
помогите пожалуйста
utb,
Чот не скачивается из топика, пробуйте прикрутить в сообщение в тегах скрипт
http://uploads.ru/i/J/a/B/JaBPe.png
function besps_slideshow(besps_slideid,besps_ftim,besps_sti m,besps_steps,besps_startwhen,besps_emax,besps_cap s,besps_preload){
//declarations
var self = this;
var slideid=besps_slideid;
var ftim=besps_ftim;
var stim=besps_stim;
var steps=besps_steps;
var startwhen=besps_startwhen;
var emax=besps_emax;
var preload=besps_preload;
var stopit=1;
var startim=1;
var u=0;
var parr = new Array();
var ptofade,pnext,factor,mytimeout;
var caps=besps_caps;
var buttons = new Array();
//daisychain onload-events
this.be_daisychain=function(sl){
if(window.addEventListener){
window.addEventListener('load',sl,false);
}
else if(window.attachEvent){
window.attachEvent('onload',sl);
}
else{
if(window.onload){
var ld=window.onload;
window.onload=function(){ld();sl();};
}
else{
window.onload=sl;
}
}
};
//push images into array and get things going
this.b_myfade = function(){
bespsLabel = document.getElementById('besps_label');
buttons[0] = document.getElementById('ctrl_btn1');
buttons[1] = document.getElementById('ctrl_btn2');
buttons[2] = document.getElementById('ctrl_btn3');
buttons[3] = document.getElementById('ctrl_btn4');
buttons[4] = document.getElementById('ctrl_btn5');
buttons[0].className = 'btn btn2';
var a,idakt,paktidakt,ie5exep;
for(a=1;a<=emax;a++){
idakt="img_"+slideid+"_"+a;paktidakt=document.getElementById(idakt);
ie5exep=new Array(paktidakt);parr=parr.concat(ie5exep);
if(preload&&a==emax){
setTimeout(function(){self.b_preload();},10);
}
}
if(startwhen){
stopit=0;
mytimeout=setTimeout(function(){self.b_slide();},s tim);
}
}
//prepare current and next and trigger slide
this.b_slide = function(){
clearTimeout(mytimeout);
u=0;
ptofade=parr[startim-1];
if (startim < emax) {
pnext = parr[startim];
} else {
pnext = parr[0];
}
pnext.style.zIndex=1;
pnext.style.visibility="visible";
pnext.style.filter="Alpha(Opacity=100)";
try{pnext.style.removeAttribute("filter");} catch(err){}
pnext.style.MozOpacity=1;
pnext.style.opacity=1;
ptofade.style.zIndex=2;
ptofade.style.visibility="visible";
ptofade.style.filter="Alpha(Opacity=100)";
ptofade.style.MozOpacity=1;
ptofade.style.opacity=1;
factor=100/steps;
if(stopit=="0"){
this.b_slidenow();
}
}
// go to the image
this.b_goto = function(num) {
//alert(startim);
this.b_switchcap();
clearTimeout(mytimeout);
u=0;
ptofade=parr[startim-1];
if (startim < emax) {
pnext = parr[startim];
}
else {
pnext = parr[0];
}
//if(startim<emax){pnext=parr[startim];}
//else{pnext=parr[0];}
buttons[startim-1].className = 'btn btn1'
pnext.style.visibility="hidden";
pnext.style.filter="Alpha(Opacity=0)";
pnext.style.zIndex=1;
pnext.style.MozOpacity=0;
pnext.style.opacity=0;
startim = num-1;
if (num == 1) {
startim = 5;
}
if (startim < emax) {
pnext = parr[startim];
buttons[startim].className = 'btn btn2';
}
else {
pnext = parr[0];
buttons[0].className = 'btn btn2';
}
//pnext = parr[startim];
pnext.style.zIndex=1;
pnext.style.visibility="visible";
pnext.style.filter="Alpha(Opacity=100)";
try{pnext.style.removeAttribute("filter");} catch(err){}
pnext.style.MozOpacity=1;
pnext.style.opacity=1;
ptofade.style.zIndex=2;
ptofade.style.visibility="visible";
ptofade.style.filter="Alpha(Opacity=100)";
ptofade.style.MozOpacity=1;
ptofade.style.opacity=1;
factor=100/steps;
stopit=0;
this.b_slidenow();
}
//one step forward
this.b_forw = function(){
buttons[startim-1].className = 'btn btn1';
stopit=1;
clearTimeout(mytimeout);
ptofade=parr[startim-1];
if (startim < emax) {
pnext = parr[startim];
buttons[startim].className = 'btn btn2';
startim = startim + 1;
}
else {
pnext = parr[0];
startim = 1;
buttons[0].className = 'btn btn2';
}
ptofade.style.visibility="hidden";
ptofade.style.zIndex=1;
pnext.style.visibility="visible";
pnext.style.zIndex=2;
bespsLabel.className = 'besps_label'+startim;
this.b_switchcap();
self.b_slide();
//counter
self.setCurrentNumber();
}
//one step back
this.b_back = function(){
stopit=1;
clearTimeout(mytimeout);
if(u==0){ //between two slides
ptofade=parr[startim-1];
if (startim < emax) {
pnext = parr[startim];
}
else {
pnext = parr[0];
}
pnext.style.visibility="hidden";
ptofade.style.zIndex=1;
ptofade.style.visibility="visible";
if (startim >= 2) {
startim = startim - 1;
buttons[startim-1].className = 'btn btn2';
buttons[startim].className = 'btn btn1';
}
else {
startim = emax;
buttons[emax-1].className = 'btn btn2';
buttons[0].className = 'btn btn1';
}
this.b_switchcap();
self.b_slide();
}
else{ //whilst sliding
this.b_switchcap();
buttons[startim-1].className = 'btn btn2';
buttons[startim].className = 'btn btn1';
self.b_slide();
}
bespsLabel.className = 'besps_label'+startim;
//counter
self.setCurrentNumber();
}
//slide as said, then give back
this.b_slidenow = function(){
buttons[startim-1].className = 'btn btn1';
var check1,maxalpha,curralpha;
check1=ptofade.style.MozOpacity;
maxalpha=(100-factor*u)/100*105;
if(check1<=maxalpha/100){u=u+1;}
curralpha=100-factor*u;
ptofade.style.filter="Alpha(Opacity="+curralpha+")";
ptofade.style.MozOpacity=curralpha/100;
ptofade.style.opacity=curralpha/100;
if(u<steps){ //slide not finished
if(stopit=="0"){mytimeout=setTimeout(function(){self.b_slidenow( );},ftim);}
else {this.b_slide();}
}
else{ //slide finished
if (startim < emax) {
buttons[startim].className = 'btn btn2';
ptofade.style.visibility = "hidden";
ptofade.style.zIndex = 1;
pnext.style.zIndex = 2;
startim = startim + 1;
u = 0;
this.b_switchcap();
mytimeout = setTimeout(function() {self.b_slide();}, stim);
bespsLabel.className = 'besps_label'+startim;
}
else{
buttons[0].className = 'btn btn2';
ptofade.style.visibility = "hidden";
ptofade.style.zIndex = 1;
pnext.style.zIndex = 2;
startim = 1;
bespsLabel.className = 'besps_label1';
u = 0;
this.b_switchcap();
mytimeout=setTimeout(function(){self.b_slide();},s tim);
}
}
//counter
self.setCurrentNumber();
}
//manual start
this.b_start= function(){
if(stopit==1){
stopit=0;
this.b_switchcap();
mytimeout=setTimeout(function(){self.b_slide();},s tim);
}
}
//manual stop
this.b_stop= function(){
clearTimeout(mytimeout);
stopit=1;
this.b_switchcap();
this.b_slide();
}
//preload
this.b_preload= function(){
var arrdelta,tempsrc,j;
if(preload&&preload.length>=1){
for (j=0;j<preload.length;j++){
arrdelta=(emax-preload.length+j)*1;
tempsrc=parr[arrdelta].getElementsByTagName("img")[0].src.toString();
parr[arrdelta].getElementsByTagName("img")[0].src=tempsrc.replace(/\/plugins\/content\/plugin_besps\/besps.png$/g, preload[j]);
}
}
}
//switch captions
this.b_switchcap = function(){
if(caps!="NOCAPS"&&caps.length>=1){
document.getElementById("bs_caps_"+besps_slideid).getElementsByTagName("div")[0].innerHTML=(caps[startim-1][0]!=""||caps[startim-1][1]!="")?"<span>"+caps[startim-1][0]+"</span><span>"+caps[startim-1][1]+"</span>":" ";
}
}
//counter
this.setCurrentNumber= function(){
if(document.getElementById("besps_counter_"+besps_slideid)){
var actim=startim;
var lastim=emax;
//capture doubled arrays
if(parr.length==4&&parr[1].getElementsByTagName("img")[0].src==parr[3].getElementsByTagName("img")[0].src){
lastim=2;
actim-=(actim>=3)?2:0;
}
if(emax>=10){actim=(actim<=9)?('0'+actim):(actim);}
if(emax>=100){actim=(actim<=99)?('0'+actim):(actim);}
document.getElementById("besps_counter_"+besps_slideid).innerHTML=actim+"/"+lastim;
}
}
//call autostart-function
this.be_daisychain(this.b_myfade);
}
utb,
А где HTML - контент самого cлайдера ?(Ксать может удобней ссылку на тестовую cтраницу, чтобы не мучаться с выкладыванием?
сорри, работаю локально, на выходе получается вот это:
использую cms (joomla)
<div class="moduletable">
<div class='besps_holder besps_holder_96_0'>
<div class='bg'></div>
<div class='besps_slides besps_slides_96_0'>
<div id='img_96_0_1'><img src='http://localhost/site/images/slider//0slider.jpg' style='left:0px;top:0px;width:638px;height:192px;' alt='0slider' title='0slider'/></div>
<div id='img_96_0_2'><img src='http://localhost/site/images/slider//pic0.png' style='left:0px;top:0px;width:638px;height:192px;' alt='pic0' title='pic0'/></div>
<div id='img_96_0_3'><img src='http://localhost/site/images/slider//pic1.png' style='left:0px;top:0px;width:638px;height:192px;' alt='pic1' title='pic1'/></div>
<div id='img_96_0_4'><img src='http://localhost/site/images/slider//pic2.png' style='left:0px;top:0px;width:638px;height:192px;' alt='pic2' title='pic2'/></div>
<div id='img_96_0_5'><img src='http://localhost/site/images/slider//pic3.png' style='left:0px;top:0px;width:638px;height:192px;' alt='pic3' title='pic3'/></div>
<div id='img_96_0_6'><img src='http://localhost/site/images/slider//pic4.png' style='left:0px;top:0px;width:638px;height:192px;' alt='pic4' title='pic4'/></div></div>
<div class='besps_caps besps_caps_96_0' id='bs_caps_96_0'></div>
<div id="besps_label" class="besps_label1"></div><div class="besps_custom_ctrls"><a class="back" href="javascript:besps_96_0.b_back();"><!-- link --></a><a id="ctrl_btn1" class="btn btn2" href="javascript:besps_96_0.b_goto(1);"><!-- link --></a><a id="ctrl_btn2" class="btn btn1" href="javascript:besps_96_0.b_goto(2);"><!-- link --></a><a id="ctrl_btn3" class="btn btn1" href="javascript:besps_96_0.b_goto(3);"><!-- link --></a><a id="ctrl_btn4" class="btn btn1" href="javascript:besps_96_0.b_goto(4);"><!-- link --></a><a id="ctrl_btn5" class="btn btn1" href="javascript:besps_96_0.b_goto(5);"><!-- link --></a><a class="forw" href="javascript:besps_96_0.b_forw();"><!-- link --></a></div><div class="clr"></div></div>
</div>
utb,
Чот туплю, без css и картинок:
Попробуйте создать на paбочем столе англоязычную папку,
Страницу открыть в Опере, далее жмём
Файл - Сохранить Как - HTML фaйл c изoбpaжeниями
И перетаскиваем в папку, папку архивируем, заливаем сюда, => http://multi-up.com/ выкладываем ссылку(можно в личку)
По раздельности у меня не запускается
vBulletin® v3.6.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd. Перевод: zCarot