PDA

Просмотр полной версии : Размещение превьюшек в две колонки


vivado
30.05.2011, 17:19
Всем привет,
У меня есть исходник галереи, подскажите пожалуйста как мне сделать
вывод превьюшек в две колонки.
примерно вот так...
[превью 1][превью 2]
[превью 3][превью 4]
[превью 5][превью 6]
...
[превью 100][превью 101]

Знаю, что это делается с помощью цикла, но чета не могу понять как

Вот кусок кода...

xrast = 110; //Расстояние между картинками по горизонтали
yrast = 85; //Расстояние между картинками по вертикали

for( var i = 0; i < photo_thumbnail.length; i++ ){
tn_group.tn.duplicateMovieClip("tn"+i, i);

//ДЕЛАЮ ВОТ ТАК, ТИПА ЧТОБ ДВЕ КАРТИНКИ В СТРОКЕ БЫЛИ
for (var a = 1; a<2; a++){
tn_group["tn"+i].tn_pic.loadMovie( filepath +photo_thumbnail[i] ); //Загружаем превьюшки
tn_group["tn"+i]._x = i * xrast; //координата превьюшки по X
tn_group["tn"+i]._y = i * a * yrast; //координата превьюшки по Y

tn_group["tn"+i].tn_pic._alpha = tn_alpha_default; //задаем прозрачность для превьюшек
tn_group["tn"+i].tn_no = i;
}
}


tn_group - мувик внутри которого помещается превьюшки tn1, tn2 и т.д.

Добавлено через 3 минуты
Вот исходник моей галлереи Исходник (modxtest.1gb.ru/test/gallery.rar)
Может так вам легче разобраться будет.

dark256
30.05.2011, 17:50
Вы не про флэш спрашиваете, и не про Ас1-Ас2, а просто о теории программирования.

как мне сделать
вывод превьюшек в две колонки.

Ответ простой: в цикле!

vivado
30.05.2011, 18:47
"Знаю, что это делается с помощью цикла, но чета не могу понять как" )))
в теории все просто

for (var i=0; i<10; i++){
for (var j=1; j<2; j++){
мувик[i]._x=мувик[i]._x * j;
мувик[i]._y=мувик[i]._y + i*90;
}
}
но на практике как то не получается (((

Добавлено через 23 часа 54 минуты
Осилил сам )))
вот если кому интересно

for( var i = 0; i < photo_thumbnail.length; i++ ){
for (var j = 1; j<3; j++){
tn_group.tn.duplicateMovieClip("tn"+i, i);
tn_group["tn"+i].tn_pic.loadMovie( filepath +photo_thumbnail[i] ); //Загружаем превьюшки
tn_group["tn"+i]._x = Xstart; //координата превьюшки по X
tn_group["tn"+i]._y = Ystart; //координата превьюшки по Y
XY="i="+i+" j="+j+" "+Xstart+":"+Ystart; trace (XY);

tn_group["tn"+i].tn_pic._alpha = tn_alpha_default; //задаем прозрачность для превьюшек
tn_group["tn"+i].tn_no = i;
tn_group["tn"+i].tn_button.onRollOver = function()
{
this._parent.tn_pic._alpha = 100;
}
tn_group["tn"+i].tn_button.onRollOut = function()
{
this._parent.tn_pic._alpha = tn_alpha_default;
}
tn_group["tn"+i].tn_button.onRelease = function()
{
_root.p = this._parent.tn_no;
_root.play();
}
Xstart=Xstart+otstupX;
i=i+1;
}
Xstart=0;
Ystart=Ystart+otstupY;
}



Вот рабочий исходник аж с тремя картинками в строке ))) Исходник (modxtest.1gb.ru/test/gallery.rar)

Тему можно закрыть.