|  | 
	| 
	| 
	
	| 
		
	| 
			
			 
			
				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,601
					 
		
 |  |  
	| А если подойти с другой стороны: на что человеку смотреть приятнее во времф загрузки большой картинки: на крутящуюся х*ню, или на саму загружающущюся картинку?) 
				__________________ 29375, 35
 |  |  
	| 
		
	| 
			
			 
			
				17.07.2012, 18:57
			
			
			
		 |  
	| 
		
			|  | ''       |  | 
					Регистрация: 11.12.2011 
						Сообщений: 636
					 
		
 |  |  
	| 
	
 
	| Сообщение от Aetae |  
	| А если подойти с другой стороны: на что человеку смотреть приятнее во времф загрузки большой картинки: на крутящуюся х*ню, или на саму загружающущюся картинку?) |  
	
 И как вы предлагаете такое реализовать? Для каждой картинки сжатый вариант делать? |  |  
	| 
		
	| 
			
			 
			
				17.07.2012, 19:07
			
			
			
		 |  
	| 
		
			|  | Тлен       |  | 
					Регистрация: 02.01.2010 
						Сообщений: 6,601
					 
		
 |  |  
	| 
	
 
	| Сообщение от Раед   |  
	| И как вы предлагаете такое реализовать? Для каждой картинки сжатый вариант делать? |  
	
 Я имел ввиду - никак не риализовать.
 
Кстати, для того, о чём подуали вы, давно есть progressive jpeg.
				__________________ 29375, 35
 |  |  |  |