Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум Структурный форум

тема: Фотогаллерея: процесс загрузки
 
 автор: 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;
}

  Ответить  
Rambler's Top100
вверх

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