Здраствуйте! Можно ли как то прописать неотображение определенного рисунка для определенного разрешения монитора? Если можно подскажите пожалуйста
Вид для печати
Здраствуйте! Можно ли как то прописать неотображение определенного рисунка для определенного разрешения монитора? Если можно подскажите пожалуйста
Узнаем при помощи javascript разрешение экранa:
Если соответствует тому, при котором не нужно отображать картинку (скажем 800x600) скрываем картинку через стили:Код:var w=window.screen.width;
var h=window.screen.height;
Код:if((w=800)and(h==600))
* *document.getElemenById('id_kartinki').style.display = 'none';
Это в итоге вот так должно выглядить?Цитата:
Originally posted by Klaus@Dec 21 2007, 14:51
Узнаем при помощи javascript разрешение экранa:
Если соответствует тому, при котором не нужно отображать картинку (скажем 800x600) скрываем картинку через стили:Код:var w=window.screen.width;
var h=window.screen.height;
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>Код:if((w=800)and(h==600))
* *document.getElemenById('id_kartinki').style.display = 'none';
<html>
<head>
<title>с новым годом</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
<script language="JavaScript">
<!--
var w=window.screen.width;
var h=window.screen.height;
// -->
</script>
<STYLE TYPE="text/css">
<!--
if((w=800)and(h==600))
document.getElemenById('99999.jpg').style. display = 'none';
Нет, вот так:
Код:<html>
<head>
<title>с новым годом</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
<script language="JavaScript">
<!--
*var w=window.screen.width;
*var h=window.screen.height;
*if((w=800)and(h=600))
*document.getElemenById('myPic').style.display = 'none';
// -->
</script>
</head>
<body>
*[img]url[/img]
</body>
</html>
Спасибо! :hi:Цитата:
Originally posted by Klaus@Dec 21 2007, 22:49
Нет, вот так:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>Код:<html>
<head>
<title>с новым годом</title>
</body>
</html>
А заменять можно на другой рисунок?
Можно и заменить, вот так:
document.getElemenById('myPic').src = 'new_url';
Только при этом размеры картинки в теге <img> указывать не стоит, а если очень надо, тогда ширину и высоту тоже придется менять javascript'ом.
[/quote]Цитата:
Originally posted by Klaus@Dec 22 2007, 14:54
Можно и заменить, вот так:
document.getElemenById('myPic').src = 'new_url';
Только при этом размеры картинки в теге <img> указывать не стоит, а если очень надо, тогда ширину и высоту тоже придется менять javascript'ом.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Спасибо дружище за помощь! :dance: [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by Klaus@Dec 22 2007, 14:54
Можно и заменить, вот так:
document.getElemenById('myPic').src = 'new_url';
Только при этом размеры картинки в теге <img> указывать не стоит, а если очень надо, тогда ширину и высоту тоже придется менять javascript'ом.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Че то не получается.. Вот код
_______________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Transitional//EN">
<html>
<head>
<title>с наступающим новым годом</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
<script language="JavaScript">
<!--
var w=window.screen.width;
var h=window.screen.height;
if((w=800)and(h=600))
document.getElemenById('alan').src = '77777777779.jpg';
// -->
</script>
<STYLE TYPE="text/css">
<!--
BODY {background-color: #ffffff;
font-family: 'Times New Roman', Times, serif;
font-size: 100%;
color: black;
text-align: center
}
A:link {COLOR: #000066; font-weight: bold; TEXT-DECORATION: none}
A:visited {COLOR: #000066; font-weight: bold; TEXT-DECORATION: none}
A:active {COLOR: #000066; font-weight: bold; TEXT-DECORATION: none}
A:hover {COLOR: #3399ff; font-weight: bold; TEXT-DECORATION: none}
.menu {
height: 300px;
padding: 7px 7px;
font-family: 'Times New Roman', sans-serif;
font-weight: bold;
font-size: 16px;
border: 0
}
.menu DIV {
float: top;
width: 132px;
height: 30px;
margin-right: 0px;
text-align: center;
background:
url(orangetab.jpg)
no-repeat
}
.menu A {
display: block;
TEXT-DECORATION: none;
width: 100%;
height: 100%;
COLOR: #000000;
padding: 3px 0px
}
.menu A:hover {font-size: 16px;
TEXT-DECORATION: none;
COLOR: #000033;
background:
url(greentab.jpg)
no-repeat
}
UL {list-style: square;
list-style-position: outside;
color: #000066;
font-family: "Times New Roman";
margin-left: 0рх
}
-->
</STYLE>
</head>
<body>
<table bgcolor=#ffffff align=center valign=top width=100% cellpadding=0 cellspacing=0>
<tr>
<td bgcolor=#0b81fc colspan=3 align=left valign=top width=100% height=137 style="border-bottom: 1px solid #333399; border-top: 1px solid #000066 ">
[img]99999.jpg[/img]
[img]555552.jpg[/img]
Вот так правильно:
Так должно работать)Код:if((w=800)&&(h=600))
Еще раз спасибо! :hi:Цитата:
Originally posted by Klaus@Dec 23 2007, 22:13
Вот так правильно:
Так должно работать)Код:if((w=800)&&(h=600))
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>
Пожалуйста! надеюсь наконец помогло )