CSS для разных разрешений.

[Ritter]

Подскажите скрипт, который вытягивает css для разрешений. Нужен скрипт который выдает css для разрешения - больше или равно.

Это не предлогать:

<script language="JavaScript" type="text/javascript">
<!-- //
if ((screen.width <= 800) && (screen.height <= 600))
var resol = 800
else if ((screen.width >= 1024) && (screen.height >= 768)
)var resol = 1024
document.write ('<link rel="stylesheet" href="/' + resol + '.css">')
// -->
</script>

Ибо, такие скрипты выдает css только четко под разрешение, остальные игнорируются.

[Ritter]

Решил проблему так:

<script language="JavaScript" type="text/javascript">
<!-- //
if (screen.width <= 800)
var resol = 800
else if (screen.width >= 1024)
)var resol = 1024
document.write ('<link rel="stylesheet" href="/' + resol + '.css">')
// -->
</script>

На некоторых нестандартных разрешениях был конфликт с высотой.

Edited April 29, 2010 by Ritter

[Searcher]

)var resol = 1024

чейто за скобка? или я туплю?

код, конечно, безобразный, но юзайте раз работает.

хотя есть минус... если у человека броузер не на весь экран, то screen.width тут уже не поможет... у меня, например, часто броузер не на всю катушку распахнут...

[slicemasta]

дарю скриптик юзавшийся для аналогичных целей, только вместо modify() подгружай стили, дефолтный стиль в default

 var rez = screen.width;	
	var rez_height = screen.height;	

	switch (rez+'x'+rez_height) {

		// Standard Displays
		case '800x600':   modify('url(../images/800-600.png)','590','358');	
							break;	
		case '1024x768':  modify('url(../images/1024-768.png)','755','457');					
							break;			
		case '1152x864':  modify('url(../images/1152-864.png)','911','551');
							break;
		case '1280x960':  modify('url(../images/1280-960.png)','1115','673');
							$('#Flash').css('top','38%');
							break;			
		case '1280x1024':  modify('url(../images/1280-1024.png)','1194','720');
							break;		
		case '1360x1024':  modify('url(../images/1360-1024.png)','1162','702');
							$('#Flash').css('top','38%');
							break;						
		case '1400x1050':  modify('url(../images/1400-1050.png)','1223','738');							
							break;
		case '1600x1200':  modify('url(../images/1600-1200.png)','1426','853');
							break;
		case '2048x1536':  modify('url(../images/2048-1536.png)','1823','1091');							
							break;

		// Wide-screen Displays
		case '1280x720':  modify('url(../images/1280-720.png)','820','497');
							$('#Flash').css('right','28%');
							$('#Flash').css('top','38%');
							break;	
		case '1280x768':  modify('url(../images/1280-768.png)','835','503');
							$('#Flash').css('right','28%');
							break;		
		case '1280x800':  modify('url(../images/1280-800.png)','939','566');
							$('#Flash').css('right','28%');
							break;	
		case '1280x854':  modify('url(../images/1280-854.png)','869','523');
							$('#Flash').css('right','28%');
							break;	
		case '1360x768':  modify('url(../images/1366-768.png)','834','502');
							$('#Flash').css('right','28%');
							$('#Flash').css('top','38%');
							break;							
		case '1366x768':  modify('url(../images/1366-768.png)','834','502');
							$('#Flash').css('right','28%');
							break;		
		case '1440x900':  modify('url(../images/1440-900.png)','958','582');	
							$('#Flash').css('right','28%');
							$('#Flash').css('top','38%');
							break;		
		case '1440x960':  modify('url(../images/1440-960.png)','977','587');							
							$('#Flash').css('right','28%');
							break;
		case '1600x900':  modify('url(../images/1600-900.png)','957','587');							
							$('#Flash').css('right','28%');
							break;	
		case '1600x1024':  modify('url(../images/1600-1024.png)','1169','699');							
							$('#Flash').css('right','28%');
							break;	
		case '1680x1050':  modify('url(../images/1680-1050.png)','1231','741');	
							$('#Flash').css('right','28%');							
							break;				
		case '1920x1200':  modify('url(../images/1920-1200.png)','1530','925');							
							$('#Flash').css('right','28%');
							break;	
		case '2560x1600':  modify('url(../images/2560-1600.png)','2130','1300');							
							$('#Flash').css('right','28%');
							break;
		case '3840x2400':  modify('url(../images/3840-2400.png)','3194','1949');							
							$('#Flash').css('right','28%');
							break;									

		default:	modify('url(../images/1024-768.png)','755','457');	
	}

[s0rr0w]

Давно я таких мего-скриптов не видел...

Типичный образчик dummy-кода

[Int]

Действительно, кто мешал делать rez+'-'+rez_height+'.png'?

Я только не знаю, что за второй параметр, но, думаю, он высчитывается.

[slicemasta]

второй параметр задавался методом научного тыка с поправками, и все делалось наспех к сожалению, но тем не менее скрипт решил поставленную задачу...