<html>
<head>
<title>images</title>
<style type="text/css">
img.show_pic:hover{
cursor: pointer;
}
#show_img{
cursor: pointer;
display: none;
position: absolute;
left:0px;
top:0px;
border: 2px ridge #d7d7d7;
background-color: #f2f2f2;
padding: 5px;
text-align: center;
margin: 10px;
}
</style>
<script type="text/javascript">
function show_img(link){
document.getElementById('show_img').style.display='block';
document.getElementById('show_img').innerHTML='<img src="js.jpg" width="80%" height="80%">' .innerText="<b>Тектоник</b> - купите диск с тектоником";
}
</script>
</head>
<body>
<div id="show_img" OnClick="document.getElementById('show_img').style.display='none';"></div>
<img class="show_pic" src="js.jpg" height="300" width="300" OnClick="show_img(this)">
</body>
</html>
Спустя 35 минут, 10 секунд (27.02.2011 - 16:26) ApuktaChehov написал(а):
innerHTML заменяет весь существующий код внутри узла. У вас сначала вставляется картинка, после чего, картинка заменяется на текст.
Спустя 39 минут, 19 секунд (27.02.2011 - 17:06) Andruhaphp написал(а):
а как мне исправить тогда,если можно подскажите
Спустя 4 минуты, 21 секунда (27.02.2011 - 17:10) Snus написал(а):
document.getElementById('show_img').innerHTML='<img src="js.jpg" width="80%" height="80%"><b>Тектоник</b> - купите диск с тектоником';
Спустя 13 минут, 36 секунд (27.02.2011 - 17:24) Andruhaphp написал(а):
большое спасибо
Спустя 6 минут, 13 секунд (27.02.2011 - 17:30) Andruhaphp написал(а):
а ещё вопрос,если можно у меня текст отобржаеться справа внизу в всплывающем окне,а как сделать что бы справа сверху начинался текст
Спустя 7 минут, 9 секунд (27.02.2011 - 17:37) Snus написал(а):
Andruhaphp
Логично? :)
document.getElementById('show_img').innerHTML='<b>Тектоник</b> - купите диск с тектоником<img src="js.jpg" width="80%" height="80%">';
Логично? :)
Спустя 3 минуты, 26 секунд (27.02.2011 - 17:40) Andruhaphp написал(а):
а оно теперь сверху текст пишет,а если ставлю 70 процентов,то снизу слева
Спустя 1 минута, 10 секунд (27.02.2011 - 17:42) Snus написал(а):
Andruhaphp
document.getElementById('show_img').innerHTML='<div style="text-align: right;"><b>Тектоник</b> - купите диск с тектоником</div><img src="js.jpg" width="80%" height="80%">';
Спустя 26 минут, 54 секунды (27.02.2011 - 18:09) Andruhaphp написал(а):
неа не помогло
Спустя 1 минута, 19 секунд (27.02.2011 - 18:10) Snus написал(а):
Andruhaphp
Покажи скриншот, что у тебя получилось.
Покажи скриншот, что у тебя получилось.
Спустя 6 минут, 56 секунд (27.02.2011 - 18:17) Andruhaphp написал(а):
А как картинку прикрепить,а то там только через урл??
Спустя 14 минут, 32 секунды (27.02.2011 - 18:31) Andruhaphp написал(а):
а вообще у меня получилось текст вверху,картинку справа а с лева-пустое место
а мне бы что бы равномерно на окно расспределилось,слева текст например а справа картинка или наоборот
а мне бы что бы равномерно на окно расспределилось,слева текст например а справа картинка или наоборот