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

HTML+CSS+JavaScript

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

 

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

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

тема: JS preload image (продолжение)
 
 автор: SHAman   (30.11.2006 в 17:42)   письмо автору
 
 

Продолжаю писать аццкий скрипт для фотогалереи
http://anime.insyss.ru/galery/

Зайдите - и вы поймете в чем проблема. После нажатия на картинку должна грузиться увеличенная копия в див. Проблема в том, что после первого нажатия картинка не грузится ни грамма, а страничка пишет ошибку. Подскажите, что не так?

Этот JS мне помогали писать на другом форуме, там предлагали сначала onload использовать, но потом сказали, что при его использовании все равно не пашет. Поэтому сделали рекурсивный вызов функции и проверку на наличие pic.width и pic.height

Вот полный JS

var d=document;

function closepic()    {
d.getElementById('bigpic').style.display='none';
}

function bigpic(newsrc, title)    {
pic=new Image();
var div1 = d.getElementById('bigpic');
if(newsrc) {pic.src=newsrc;}    //загрузка картинки или продолжение после ожидания
if(!pic.width||!pic.height)    {
    setTimeout('bigpic(\''+newsrc+'\',\''+title+'\');',10);
    return;
}
else    {
var picw, pich;    //инициация переменных высоты и ширины большой картинки
picw=pic.width;
pich=pic.height;
var bod=d.body;
var win_x=bod.clientWidth;
var win_y=bod.scrollTop;
div1.style.width=picw;
div1.style.height=pich+17;

var divc=div1.innerHTML;
var newtext='<span id=close onclick="closepic();" style="float: right;">[X]</span><div id=bigpic_tit>'+title+'</div><img src='+newsrc+' id=pic1>';
div1.innerHTML=newtext;
div1.style.left=(win_x/2-picw/2);
div1.style.top=(win_y+bod.clientHeight/2-pich/2);
div1.style.display='inline';
}
}


Пожааалуйста, помогите. Трудность отладки на локальном компе еще в том, что если вы раз загрузили картинку, она кешируется и потом спровоцировать ошибку трудно. Нужно удалять файлы, на сколько я понял. Поэтому либо меняйте имя картинки, либо меняйте ее саму, либо вы должны шарить в JS, чтобы написать скрипт вслепую.

Был бы очень благодарен за помощь.

   
 
 автор: Lelik   (01.12.2006 в 14:42)   письмо автору
 
   для: SHAman   (30.11.2006 в 17:42)
 

для обновления убивающего кеширование используй сочетание ctrl+f5

   
 
 автор: SHAman   (01.12.2006 в 15:03)   письмо автору
 
   для: Lelik   (01.12.2006 в 14:42)
 

И все же, вопрос остается открытым. Я попробовал этот скрипт через сеть через медленное соединение, выяснилось, что открывается картинка даже не по второму нажатию. Там так: клик порождает ошибку, но картинка начинает грузиться. Когда она загружена - клик срабатывает и показывает все как надо. Вопрос. Как определить КОГДА уже можно ее показать.

   
 
 автор: AlexSol   (01.12.2006 в 15:22)   письмо автору
 
   для: SHAman   (01.12.2006 в 15:03)
 


pic.onLoad=function(){}

   
 
 автор: 12345   (01.12.2006 в 15:10)   письмо автору
 
   для: Lelik   (01.12.2006 в 14:42)
 

Пишите УРЛ картинок с "?", чтобы не кешировалось.

Пока что я увидел проблему в ошибке скрипта - строка 11
setTimeout('bigpic(0,'+title+');',10);

надо
setTimeout('bigpic(0,"'+title+'");',10);


И 0 здесь важен, это написано в комментарии 2 строчками выше.
(Дали бы ссылку http://forum.vingrad.ru/topic-123455.html на "другой форум", а то народ не знает, почему (image).onload не понадобилось. - потому что if(!pic.width||!pic.height) полностью его заменяет)

   
 
 автор: SHAman   (01.12.2006 в 18:32)   письмо автору
 
   для: 12345   (01.12.2006 в 15:10)
 

Все-таки не понимаю, а почему 0?

Кстати, нынешний скрипт работает. Только ООООЧЧЧЕНЬ медленно. Видимо, из-за Timeout-а...:( Блин, как же делать-то? С onload у меня вообще не получалось...

Кто-нибудь в состоянии написать этот сраный скрипт? Это же почти ajax, на сколько я вижу... Блин... У меня уже руки опускаются... а доделать надо...:(

   
 
 автор: 12345   (01.12.2006 в 21:37)   письмо автору
 
   для: SHAman   (01.12.2006 в 18:32)
 

Потому что при повторном вызове 0 говорит, что заново грузить картинку не нужно (в строчке if(newsrc) {pic.src=newsrc;} ).

И поставьте лучше 200 мс вместо 10, а то такой частый перевызов может перегрузить слабый процессор. Вернее, он всё равно будет через 50-100 работать, но повесит работу других скриптов, если они будут в соседних окнах ил этом.

   
 
 автор: SHAman   (03.12.2006 в 23:34)   письмо автору
 
   для: 12345   (01.12.2006 в 21:37)
 

Ну, это все уже шлифовка. (За нее тоже спасибо)

У меня ща главная проблема - при первом вызове функции не срабатывает! Вообще не открывает и все :( Как мне сделать, чтобы с первого раза открывалось нормально? Киньте в меня скриптом и я умолкну:) наверное^_^

   
Rambler's Top100
вверх

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