Фото от клика увеличивается.

Фото от клика увеличивается.

Главная Контакты Софт Термины Неисправности Поисковики Шаблоны

Эффекты просмотра фото

Просмотр скрипта

<style type="text/css">
.shadowcss{
}
#showimage {
BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; VISIBILITY: hidden; BORDER-LEFT: black 2px solid; BORDER-BOTTOM: black 2px solid; POSITION: absolute}
#dragbar {
CURSOR: pointer; BACKGROUND-COLOR: #F8FC03; min-width: 100px
}
#dragbar #closetext {
FONT-WEIGHT: bold; MARGIN-RIGHT: 1px
}
</STYLE>
<script type="text/javascript">
function updownshadow(){
if (event.srcElement.effect=="popshadow"){
shadowobj=event.srcElement
if (event.type=="mousedown"){
shadowobj.filters[0].color=shadowobj.mousedowncolor
shadowobj.style.left=shadowobj.style.top=0
}
else if (event.type=="mouseout" && event.fromElement.effect=="popshadow" || event.type=="mouseup"){
shadowobj.filters[0].color=shadowobj.mouseupcolor
shadowobj.style.left=shadowobj.style.top=shadowobj.filters[0].OffX*(-1)
}}}
if (document.attachEvent){
document.attachEvent("onmousedown", updownshadow)
document.attachEvent("onmouseup", updownshadow)
document.attachEvent("onmouseout", updownshadow)
}
var ie=document.all
var ns6=document.getElementById&&!document.all
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat" && !window.opera)? document.documentElement : document.body
}
function enlarge(which, e, position, imgwidth, imgheight){
if (ie||ns6){
crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage
if (position=="center"){
pgyoffset=ns6? parseInt(pageYOffset) : parseInt(ietruebody().scrollTop)
horzpos=ns6? pageXOffset+window.innerWidth/2-imgwidth/2 : ietruebody().scrollLeft+ietruebody().clientWidth/2-imgwidth/2
vertpos=ns6? pgyoffset+window.innerHeight/2-imgheight/2 : pgyoffset+ietruebody().clientHeight/2-imgheight/2
if (window.opera && window.innerHeight)
vertpos=(pgyoffset+window.innerHeight/2-imgheight/2)+200
vertpos=Math.max(pgyoffset, vertpos)
}
else{
var horzpos=ns6? pageXOffset+e.clientX : ietruebody().scrollLeft+event.clientX
var vertpos=ns6? pageYOffset+e.clientY : ietruebody().scrollTop+event.clientY
}
crossobj.style.left=horzpos+"px"
crossobj.style.top=vertpos+"px"
crossobj.innerHTML='<div align="right" id="dragbar"><span id="closetext" onClick="closepreview()" style="color:#9F0000">Закрыть [x]</span> </div><img src="'+which+'" onClick="closepreview()">'
crossobj.style.visibility="visible"
return false
}
else
return true
}
function closepreview(){
crossobj.style.visibility="hidden"
}
function drag_drop(e){
if (ie&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx+"px"
crossobj.style.top=tempy+event.clientY-offsety+"px"
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
}
return false
}
function initializedrag(e){
if (ie&&event.srcElement.id=="dragbar"||ns6&&e.target.id=="dragbar"){
offsetx=ie? event.clientX : e.clientX
offsety=ie? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop
}}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")
</script>
</head>
<body bgcolor="#A1FEF9" text="#000000"><h3><center>Фото от клика увеличивается.</center></h3>
<img src="a01.jpg" class="shadowcss" effect="popshadow" mousedowncolor="white" mouseupcolor="gray" width=100  onclick="return enlarge('a01.jpg',event,'top',500,600)"><br><br>
<img src="a02.jpg" class="shadowcss" effect="popshadow" mousedowncolor="white" mouseupcolor="gray" width=100  onclick="return enlarge('a02.jpg',event,'top',500,600)"><br><br>
<img src="a03.jpg" class="shadowcss" effect="popshadow" mousedowncolor="white" mouseupcolor="gray" width=100  onclick="return enlarge('a03.jpg',event,'top',500,600)"><br><br>
<img src="a04.jpg" class="shadowcss" effect="popshadow" mousedowncolor="white" mouseupcolor="gray" width=100  onclick="return enlarge('a04.jpg',event,'top',500,600)">
<DIV id=showimage></DIV>

Пример создания сайта
Размещение сайта в Интернете
Раскрутка сайта в Интернете
Заработок в Интернете
Visual Basic 6.0 с примерами
VBScript
Руководство по C++
JavaScript
Анимация в формате GIF
Вставка видео SWF в сайт.
Пиктограмма сайта (favicon)