Здраствуйте! Можно ли как то прописать неотображение определенного рисунка для определенного разрешения монитора? Если можно подскажите пожалуйста
Здраствуйте! Можно ли как то прописать неотображение определенного рисунка для определенного разрешения монитора? Если можно подскажите пожалуйста
Узнаем при помощи 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'>[Только зарегистрированные пользователи могут видеть ссылки. ]</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>
Можно и заменить, вот так:
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'>[Только зарегистрированные пользователи могут видеть ссылки. ]
Спасибо дружище за помощь!
[/quote]Originally posted by Klaus@Dec 22 2007, 14:54
Можно и заменить, вот так:
document.getElemenById('myPic'.src = 'new_url';
Только при этом размеры картинки в теге <img> указывать не стоит, а если очень надо, тогда ширину и высоту тоже придется менять javascript'ом.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
Че то не получается.. Вот код
_______________________________________________
<!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))
Пожалуйста! надеюсь наконец помогло )