Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> ładowanie obrazka
Rastman
post
Post #1





Grupa: Zarejestrowani
Postów: 177
Pomógł: 0
Dołączył: 6.06.2004

Ostrzeżenie: (20%)
X----


Mam proste pytanko. Na stronce będę miał jeden większy obrazek JPG. Chciałbym ,żeby obrazek ładował się na końcu i podczas ładowania wyświetlił się np:napis "ładowanie grafiki". Nie znam za bardzo JS. Jakies podpowiedz?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Możesz użyć xmlHTTPRequest. Obrazek wsadzasz do innego pliku np. img.html
  1. <img src="obrazek.jpg" />

W pliku index.html załatwiasz resztę:
Kod
<script type="text/javascript">
function getHTTPObject() {
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}

function loadImg(){
    var xmlhttp = getHTTPObject();
    var area = document.getElementById("obrazek");
    
    area.innerHTML = "<p>Ladowanie obrazka.....</p>";
    xmlhttp.open("GET","img.html");
    
    xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
            area.innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.send(null);
}
</script>

  1. <div id="obrazek">
  2.  
  3. </div>
  4. <script type="text/javascript">loadImg()</script>

Minus tego rozwiązania jest taki że jak ktoś ma js wyłączone to będzie problem (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 04:00