Preincarcarea continutului cu jQuery

Octombrie 24, 2008 | Scris de Adrian | Legatura permanenta | vizite 676

Preincarcarea continutului se poate realiza foarte usor folosing jQuery. In cele ce urmeaza va prezentam cateva metode de a realiza acest lucru:

Preincarcarea imaginilor
Adaugati urmatoarea functie in paginile sitului dvs. (de obicei ca un fisier javascript separat)

jQuery.preloadImages = function() {
  for(var i = 0; i<arguments.length; i++) {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

Incarcarea imaginilor se face apeland functia astfel:

$.preloadImages("image1.gif", "/path/to/image2.png");

Preincarcarea continutului
Modificand putin codul anterior putem incarca (inainte de a prezenta) continutul unor elemente html div astfel:

jQuery.preloadContent = function() {
  for(var i = 0; i<arguments.length; i++) {
    jQuery("<div>").html(arguments[i]);
  }
}

Apelarea functie se face in felul urmator:

$.preloadContent(myvar1, myvar2);

In acest caz myvar1 si myvar2 sunt variabile javascript si contin codul html preincarcat.

qweb.ro - webdesign blog