Предварительная загрузка изображений, добавленных на лету с использованием JQuery - PullRequest
Новая
       48

Предварительная загрузка изображений, добавленных на лету с использованием JQuery

0 голосов
/ 28 февраля 2011

Я добавляю несколько изображений в div из базы данных в событии Page_Load ().Когда вы наводите курсор на одно из этих черно-белых изображений, вы видите цветное изображение.Я хотел бы предварительно загрузить цветные изображения, но у меня возникают проблемы с этим.Мой текущий код перебирает все изображения и добавляет следующее: 

<script type="text/javascript">
<!-- 
$(document).ready(function() { 
    $("<img />").attr("src", "%s").load(function(){ 
        $("body").append($(this)); 
    }); 
});
--></script>

к RegisterClientScriptBock, где %s - путь к изображению.Я пытался добавить и не добавлять его в тело, но ни один из них не помог.Из того, что я вижу, кажется, что это способ предварительной загрузки изображений, но я открыт для других предложений.У меня проблемы, потому что я делаю это на лету?

Спасибо.

Ответы [ 2 ]

1 голос
/ 28 февраля 2011

Задумывались ли вы о создании div, который бы располагался абсолютно -10000px слева и сверху, высота / ширина 1px, а затем добавлял туда все изображения с помощью html? Я не уверен, почему вы должны использовать JS для этого.

0 голосов
/ 28 февраля 2011

Может быть, это поможет?

http://www.yourhtmlsource.com/images/preloading.html

<script type="text/javascript">
<!-- hide from non JavaScript Browsers

Image1= new Image(150,20)
Image1.src = "pic1.gif"

Image2 = new Image(10,30)
Image2.src = "pic2.gif"

Image3 = new Image(72,125)
Image3.src = "pic3.gif"

// End Hiding -->
</script>
  • Image1 = new Image - это первый шаг настройки нового эффекта сценария для изображения
  • (150,20) - ширина и высота соответственно этого изображения
  • Image1.src = "pic1.gif" указывает источник изображения.
...