|
17.07.2012, 00:18
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
Ребят помогите, очень надо..
|
|
17.07.2012, 00:29
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Ingiborn,
Выложите HTML код двух -трёх картинок и минимального окружения - интересует первый один -два блока в который они вложены
|
|
17.07.2012, 03:38
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
допустим слайдшоу.
<div id=""slider">
<img src="1">
<img src="2">
<img src="3">
</div>
|
|
17.07.2012, 13:52
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
<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>
Последний раз редактировалось Deff, 17.07.2012 в 14:03.
|
|
17.07.2012, 14:05
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
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>
|
|
17.07.2012, 15:45
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
А для общем функции #slider img заменить на img?
|
|
17.07.2012, 16:42
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Ingiborn,
Ну наверно можно - если для всех изо -а не ток для слайдера - чревато тем - что, к примеру смайлик отсутствует - будет крутиться загрузка( в слайдере то обычно проверяете наличие
|
|
17.07.2012, 17:58
|
|
Тлен
|
|
Регистрация: 02.01.2010
Сообщений: 6,587
|
|
А если подойти с другой стороны: на что человеку смотреть приятнее во времф загрузки большой картинки: на крутящуюся х*ню, или на саму загружающущюся картинку?)
__________________
29375, 35
|
|
17.07.2012, 18:57
|
|
''
|
|
Регистрация: 11.12.2011
Сообщений: 636
|
|
Сообщение от Aetae
|
А если подойти с другой стороны: на что человеку смотреть приятнее во времф загрузки большой картинки: на крутящуюся х*ню, или на саму загружающущюся картинку?)
|
И как вы предлагаете такое реализовать? Для каждой картинки сжатый вариант делать?
|
|
17.07.2012, 19:07
|
|
Тлен
|
|
Регистрация: 02.01.2010
Сообщений: 6,587
|
|
Сообщение от Раед
|
И как вы предлагаете такое реализовать? Для каждой картинки сжатый вариант делать?
|
Я имел ввиду - никак не риализовать.
Кстати, для того, о чём подуали вы, давно есть progressive jpeg.
__________________
29375, 35
|
|
|
|