Ребят помогите, очень надо..
|
Ingiborn,
Выложите HTML код двух -трёх картинок и минимального окружения - интересует первый один -два блока в который они вложены |
допустим слайдшоу.
<div id=""slider"> <img src="1"> <img src="2"> <img src="3"> </div> |
<style>
#slider img{
visibility:hidden;
background-color:#000;
background-image:url(http://uploads.ru/i/0/S/c/0ScZL.gif);
background-position:center center;
background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
function LoImg(a) {
a.visibility='visible';
a.backgroundСolor='transparent';
a.backgroundImage='none';
}
</script>
<div id="slider">
<img src="1" onload="LoImg(this)">
<img src="2" onload="LoImg(this)">
<img src="3" onload="LoImg(this)">
</div>
|
jQuery
<style>
#slider img{
visibility:hidden;
display:inline-block;
background-color:#000;
background-image:url(http://uploads.ru/i/0/S/c/0ScZL.gif);
background-position:center center;
background-repeat:no-repeat;
}
</style>
<div id="slider" >
<img src="1" >
<img src="2" >
<img src="3" >
</div>
<script type="text/javascript">
$("#slider img").load(function() {
$(this).css({
'visibility':'visible',
'background-color':'transparent',
'background-image':'none'
});
});
</script>
|
А для общем функции #slider img заменить на img?
|
Ingiborn,
Ну наверно можно - если для всех изо -а не ток для слайдера - чревато тем - что, к примеру смайлик отсутствует - будет крутиться загрузка( в слайдере то обычно проверяете наличие |
А если подойти с другой стороны: на что человеку смотреть приятнее во времф загрузки большой картинки: на крутящуюся х*ню, или на саму загружающущюся картинку?)
|
Цитата:
|
Цитата:
Кстати, для того, о чём подуали вы, давно есть progressive jpeg. |
| Часовой пояс GMT +3, время: 22:41. |