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

HTML+CSS+JavaScript

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

 

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

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

тема: Нужен скриптик AJAX
 
 автор: TanTaL91   (15.11.2008 в 01:37)   письмо автору
 
 

Пожалуйста у кого есть скрипт AJAX загрузки...

У меня фотогалерея, и хотелось бы что бы фотография показывалась только после того как полностью загрузиться а не падала как зановес.

Чем проще будет скрипт тем лучше...

желательно что бы так было

<скрипт>
<img src="">
</скрипт>

И все... Пока идет загрузка там что-нибудь просиходило, как загрузиться... так сразу и выдавалась...


Заранее благодарен.

  Ответить  
 
 автор: PAT   (15.11.2008 в 11:21)   письмо автору
 
   для: TanTaL91   (15.11.2008 в 01:37)
 

Задачу можно решить вовсе без AJAХ'a:
<img src="путь_к_существующей_картинке" style="visibility: hidden" onload="this.style.visibility = 'visible';" width="нужный_размер" height="нужный_размер">
PS. Если картинка будет недоступна (или путь к ней будет указан неверно), то событие ONLOAD никогда не произойдёт.

  Ответить  
 
 автор: TanTaL91   (15.11.2008 в 11:48)   письмо автору
 
   для: PAT   (15.11.2008 в 11:21)
 

Я вам очень презнателен за то что вы мне пытаетесь помоч.

Но это немного не то что хотелось бы.

Мне нужно что бы что то происходило, что бы человек видел что происходит действие...

Вот было бы отлично если бы в блоке шириной 400 на 400 в центре крутился кружочек ну или как там...


А когда загрузилась появилась картинка...

  Ответить  
 
 автор: PAT   (15.11.2008 в 12:27)   письмо автору
 
   для: 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">

  Ответить  
 
 автор: TanTaL91   (15.11.2008 в 13:17)   письмо автору
 
   для: PAT   (15.11.2008 в 12:27)
 

А можно как-нибудь сделать что бы нажимать не надо было... Просто она сразу как открылась страница начанала так загружаться.

И в опере почему то выкидывает когда использую этот скрипт.

  Ответить  
 
 автор: TanTaL91   (16.11.2008 в 18:03)   письмо автору
 
   для: TanTaL91   (15.11.2008 в 13:17)
 

Ну что не кто не может подсказать такую мелоч? Просто JS еще не успел выучить...

  Ответить  
 
 автор: TanTaL91   (17.11.2008 в 19:16)   письмо автору
 
   для: TanTaL91   (16.11.2008 в 18:03)
 

Ну ты же знаешь как это сделать...

  Ответить  
 
 автор: Николай2357   (17.11.2008 в 23:35)   письмо автору
 
   для: 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=''" >

  Ответить  
 
 автор: TanTaL91   (18.11.2008 в 08:05)   письмо автору
 
   для: Николай2357   (17.11.2008 в 23:35)
 

Такая схема вообще отказываеться работать :(

  Ответить  
 
 автор: Николай2357   (18.11.2008 в 13:26)   письмо автору
 
   для: TanTaL91   (18.11.2008 в 08:05)
 

Странно... специально проверил - чудесно работает...

  Ответить  
 
 автор: TanTaL91   (18.11.2008 в 15:09)   письмо автору
 
   для: Николай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 файл с картинками который работает...

  Ответить  
 
 автор: Николай2357   (18.11.2008 в 16:12)   письмо автору
4.6 Кб
 
   для: TanTaL91   (18.11.2008 в 15:09)
 

Ну вот ==========================>

  Ответить  
 
 автор: Николай2357   (18.11.2008 в 18:18)   письмо автору
 
   для: Николай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>

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

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