Znači imam jednu listu sa popisom slika:
var MyPictures=
[
'img/adsense.png;adsense',
'img/obavijesti2.png;lista notifikacija izražen border',
'img/obavijesti3.png;lista notifikacija izražen border+veliki gumb akcija',
'img/obavijesti4.png;lista notifikacija no border, big icons',
'img/user-loggedin (1).png;lista notifikacija no border#',
'img/user-loggedin (2).png;prijavi se-select putnike#',
'img/prijavaList1.png;prijava list 1',
'img/prijavaList2.png;prijava list 2',
'img/prijavaList3.png;prijava list 3',
'img/prijavaList4.png;prijava list 4 (realna situacija)',
'img/prijavaList5.png;prijava list 5 (varijanta za broj mjesta)',
'img/prijavaList6.png;prijava list 6 (varijanta za broj mjesta)',
'img/prijavaList7.png;prijava list 7 (varijanta za broj mjesta)',
'img/prijavaList8.png;prijava list 8 (varijanta za broj mjesta)',
'img/prijavaList9.png;prijava list 9 (hmmmm....guest what)',
0
];
Ono što je očigledno, samo peta i šesta slika imaju # škalice
Format slike je sljedeći: src;opis#
Škalice dodajem na kraj ako na malo drugaciji nacin palim tu sliku…zbog veličine slika kakve dobivam od dizajnera.
Ovo je cijeli kratki code gdje se uspio zavuci smrad od buga:
var ispis=’’;
$(document).ready(function()
{
myAlert=new MyAlert;myAlert.init();
ispis+='duljina liste: '+MyPictures.length+'\n';
for(var x in MyPictures)
{
ispis+='#### new item #####\n';
if(!MyPictures[x])continue;
var btn=createButtonLine((parseInt(x)+1),MyPictures[x]);
ispis+='src: '+MyPictures[x]+'\n';
if(MyPictures[x].substring(MyPictures[x].length-1)!='#')
{
ispis+='NEMA skalice\n';
ispis+='btn image:'+btn.image+'\n';
btn.onclick=function()
{
on('myPreview');off('MilanPreview');
get('showPic').src=this.image;
}
}
else
{
ispis+='ima skalice\n';
ispis+='btn image:'+btn.image+'\n';
btn.onclick=function()
{
off('myPreview');on('MilanPreview');
get('MilanPreview').src=this.image;
}
}
if(!x)btn.onclick();
}
setTimeout(function()
{
$('#buttons').addClass('hiden');
$('.hidenBtns').addClass('hidenButtonsHide');
},2000);
});
function createButtonLine(x,src)
{
if(indexOf(';',src)>-1)
{
var param=src.split(';');
name=param[1];
src=param[0];
}
else var name=src;
name=replaceAll('#','',name);
var btn=creator({type:'div',parent:buttons,html:x+'. '+name,css:'hidenBtns'});
btn.image=src;
return btn;
}