|
|
|
| Пожалуйста у кого есть скрипт AJAX загрузки...
У меня фотогалерея, и хотелось бы что бы фотография показывалась только после того как полностью загрузиться а не падала как зановес.
Чем проще будет скрипт тем лучше...
желательно что бы так было
<скрипт>
<img src="">
</скрипт>
И все... Пока идет загрузка там что-нибудь просиходило, как загрузиться... так сразу и выдавалась...
Заранее благодарен. | |
|
|
|
|
|
|
|
для: TanTaL91
(15.11.2008 в 01:37)
| | Задачу можно решить вовсе без AJAХ'a:
<img src="путь_к_существующей_картинке" style="visibility: hidden" onload="this.style.visibility = 'visible';" width="нужный_размер" height="нужный_размер">
| PS. Если картинка будет недоступна (или путь к ней будет указан неверно), то событие ONLOAD никогда не произойдёт. | |
|
|
|
|
|
|
|
для: PAT
(15.11.2008 в 11:21)
| | Я вам очень презнателен за то что вы мне пытаетесь помоч.
Но это немного не то что хотелось бы.
Мне нужно что бы что то происходило, что бы человек видел что происходит действие...
Вот было бы отлично если бы в блоке шириной 400 на 400 в центре крутился кружочек ну или как там...
А когда загрузилась появилась картинка... | |
|
|
|
|
|
|
|
для: TanTaL91
(15.11.2008 в 11:48)
| | И это можно решить без AJAX'a
<input type="button" onclick="document.images.show.src = 'путь_к_картинке_с_кружочком'; document.images.loading.src = 'путь_к_большой_картинке_#1';" value="Показать картинку #1">
<input type="button" onclick="document.images.show.src = 'путь_к_картинке_с_кружочком'; document.images.loading.src = 'путь_к_большой_картинке_#2';" value="Показать картинку #2">
...
<img id="show">
<img id="loading" onload="document.images.show.src = this.src" style="display: none">
|
| |
|
|
|
|
|
|
|
для: PAT
(15.11.2008 в 12:27)
| | А можно как-нибудь сделать что бы нажимать не надо было... Просто она сразу как открылась страница начанала так загружаться.
И в опере почему то выкидывает когда использую этот скрипт. | |
|
|
|
|
|
|
|
для: TanTaL91
(15.11.2008 в 13:17)
| | Ну что не кто не может подсказать такую мелоч? Просто JS еще не успел выучить... | |
|
|
|
|
|
|
|
для: TanTaL91
(16.11.2008 в 18:03)
| | Ну ты же знаешь как это сделать... | |
|
|
|
|
|
|
|
для: TanTaL91
(17.11.2008 в 19:16)
| | Ну попробуй как то в этом направлении..
<div id="preload"><img src="ajax-loader.gif" /></div>
<img src="11.jpg" style="visibility: hidden" onload="this.style.visibility = 'visible';document.getElementById('preload').innerHTML=''" >
|
| |
|
|
|
|
|
|
|
для: Николай2357
(17.11.2008 в 23:35)
| | Такая схема вообще отказываеться работать :( | |
|
|
|
|
|
|
|
для: TanTaL91
(18.11.2008 в 08:05)
| | Странно... специально проверил - чудесно работает... | |
|
|
|
|
|
|
|
для: Николай2357
(18.11.2008 в 13:26)
| | Вот полная страница
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="GENERATOR" content="WebCoder">
</head>
<body>
<div id="preload"><img src="1.gif" /></div>
<img src="2.jpg" style="visibility: hidden" onload="this.style.visibility = 'visible';document.getElementById('preload').innerHTML=''" >
</body>
</html>
|
1.gif - картинка загрузки...
2.jpg - большая картинка...
У меня всегда показывает только маленькую картинку... И это не прекращаеться...
Если вас не затруднит, выложите уже готовый html файл с картинками который работает... | |
|
|
|
|
 4.6 Кб |
|
|
для: TanTaL91
(18.11.2008 в 15:09)
| | Ну вот ==========================> | |
|
|
|
|
|
|
|
для: Николай2357
(18.11.2008 в 16:12)
| | Вот 100% вариант.
<div style="border:1px solid #e5e5e5;width:120px; height:120px; background:url(ajax-loader.gif) center no-repeat;">
<img src="11.jpg" width=120 height=120 style="visibility: hidden" onload="this.style.visibility ='visible'" />
</div>
|
| |
|
|
|