Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Фотогаллерея: процесс загрузки

Сообщения:  [1-1] 

 
 автор: himic   (26.04.2010 в 15:31)   письмо автору
 
 

Разработал галерею.
При щелчке на фотку появлется слой, в нём появляется фотка. Фотку подгружаю яваскриптом, меняя адрес у имаги.
Во время изменения адреса старая фотка растягивается до размера новой и пока не загрузится новая висит на экране. Это очень путает юзерей.
Как сделать процесс загрузки, чтобы было видно, что грузится следующая фотка?

пример тут: http://92.47.29.10/?type=foto&previd=17966

Функция отображения. Параметры: адрес фотки, ширина, высота
function show_foto(image,iw,ih) { 
var innerHeight_ = window.innerHeight ? window.innerHeight : document.documentElement.offsetHeight; 
var obj = document.getElementById('foto'); 
var img = document.getElementById('load_image'); 
cw=document.body.clientWidth;
ch=document.body.clientHeight;
obj.style.top = ( document.documentElement.scrollTop + document.body.scrollTop) + 'px'; 
obj.style.left ='0px'; 
obj.style.width=document.body.clientWidth;
obj.style.height=document.body.clientHeight;
obj.style.zIndex='100';
obj.style.display='';
img.src='load_theme/files/'+image;


ik=iw/ih;
ck=cw/ch;


k1=ch/ih;
k2=cw/iw;

if(k1cw || ih>ch){
img.style.height=-20+(ih*koof)+'px';
img.style.width=-20+(iw*koof)+'px';

}else{
img.style.height=ih;
img.style.width=iw;
}

  Ответить  

Сообщения:  [1-1] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования