Эффекты с фотографией №3
html код для вставки:
<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="'+link.src+'" width="100%" height="100%">';
}
</script>
</head>
<body>
<center>
<div id="show_img" OnClick="document.getElementById('show_img').style.display='none';"></div>
<img class="show_pic" src="Путь к вашей фотографии" height="120" width="160" OnClick="show_img(this)">
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="'+link.src+'" width="100%" height="100%">';
}
</script>
</head>
<body>
<center>
<div id="show_img" OnClick="document.getElementById('show_img').style.display='none';"></div>
<img class="show_pic" src="Путь к вашей фотографии" height="120" width="160" OnClick="show_img(this)">
