ИЗБРАННЫЕ ПРИМЕРЫ АВГУСТ 2012 года

назад на главную страницу раздела - клавиша Esc

ПРИМЕР ↴

ПРИМЕР ↺

HTML ↴

размер Kb (клик на коде)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Фотоальбом количество строк и граф задается через скрипт</title>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<script type="text/javascript">
function photogallery(garray,cols,rows,twidth,theight,paginatetext){gcount=(typeof gcount=="undefined")?1:gcount+1
this.gcount=gcount
this.galleryarray=garray
this.cols=cols
this.rows=rows
var twidth=twidth||"800x"
var theight=theight||"500px"
var ptext=(typeof paginatetext=="object")?paginatetext:["Browse Gallery:",""]
this.pagecount=Math.ceil(this.galleryarray.length/(cols*rows))
document.write('<table class="photogallery" id="photogallery-'+gcount+'" style="width:'+twidth+'; height:'+theight+';">')
for(var r=0;r<rows;r++){document.write('<tr>')
for(var c=0;c<cols;c++)
document.write('<td valign="top"></td>')
document.write('</tr>')}
document.write('</table>')
document.write('<div class="photonavlinks" id="photogallerypaginate-'+gcount+'"></div>')
var gdiv=document.getElementById("photogallery-"+this.gcount)
var pdiv=document.getElementById("photogallerypaginate-"+this.gcount)
gdiv.onselectphoto=function(imgobj,linkobj){return true}
this.showpage(gdiv,0)
this.createNav(gdiv,pdiv,ptext)
gdiv.onclick=function(e){return photogallery.defaultselectaction(e,this)}
return gdiv}
photogallery.prototype.createImage=function(imgparts){var imageHTML='<img src="'+imgparts[0]+'" title="'+imgparts[1]+'"/>'
if(typeof imgparts[2]!="undefined"&&imgparts[2]!=""){var linktarget=imgparts[3]||""
imageHTML='<a href="'+imgparts[2]+'" target="'+linktarget+'">'+imageHTML+'</a>'}
if(typeof imgparts[1]!="undefined"&&imgparts[1]!="")
imageHTML+='<br />'+imgparts[1]
return imageHTML}
photogallery.prototype.showpage=function(gdiv,pagenumber){var totalitems=this.galleryarray.length
var showstartindex=pagenumber*(this.rows*this.cols)
var showendindex=showstartindex+(this.rows*this.cols)
var tablecells=gdiv.getElementsByTagName("td")
for(var i=showstartindex,currentcell=0;i<showendindex&&i<totalitems;i++,currentcell++)
tablecells[currentcell].innerHTML=this.createImage(this.galleryarray[i])
while(currentcell<tablecells.length){tablecells[currentcell].innerHTML=""
currentcell++}}
photogallery.prototype.createNav=function(gdiv,pdiv,ptext){var instanceOfGallery=this
var navHTML=""
for(var i=0;i<this.pagecount;i++)
navHTML+='<a href="#navigate" rel="'+i+'">'+ptext[1]+(i+1)+'</a> '
pdiv.innerHTML=ptext[0]+' '+navHTML
var navlinks=pdiv.getElementsByTagName("a")
navlinks[0].className="current"
this.previouspage=navlinks[0]
for(var i=0;i<navlinks.length;i++){navlinks[i].onclick=function(){instanceOfGallery.previouspage.className=""
this.className="current"
instanceOfGallery.showpage(gdiv,this.getAttribute("rel"))
instanceOfGallery.previouspage=this
return false}}}
photogallery.defaultselectaction=function(e,gdiv){var evtobj=e||window.event
var clickedobj=evtobj.target||evtobj.srcElement
if(clickedobj.tagName=="IMG"){var linkobj=(clickedobj.parentNode.tagName=="A")?clickedobj.parentNode:null
return gdiv.onselectphoto(clickedobj,linkobj)}}
</script>
<style type="text/css">
.photogallery{ /*CSS for TABLE containing a photo album*/}
.photogallery img{ /*CSS for images within an album*/border: 1px solid green; width:200px;}
.photonavlinks{ /*CSS for pagination DIV*/font: bold 14px Arial;}
.photonavlinks a{ /*CSS for each navigational link*/margin-right: 2px;margin-bottom: 3px;padding: 1px 5px;border:1px solid gray;text-decoration: none;background-color: white;}
.photonavlinks a.current{ /*CSS for currently selected navigational link*/background-color: yellow;}
</style>
</head>
<body>
<script type="text/javascript">
var mytrek=new Array()
mytrek[0]=["pic/001.jpg", "фото 1", "pic/001.jpg"]
mytrek[1]=["pic/002.jpg", "фото 2", "pic/002.jpg"]
mytrek[2]=["pic/003.jpg", "фото 3", "pic/003.jpg"]
mytrek[3]=["pic/004.jpg", "фото 4", "pic/004.jpg"]
mytrek[4]=["pic/005.jpg", "фото 5", "pic/005.jpg"]
mytrek[5]=["pic/006.jpg", "фото 6", "pic/006.jpg"]
mytrek[6]=["pic/007.jpg", "фото 7", "pic/007.jpg"]
mytrek[7]=["pic/008.jpg", "фото 8", "pic/008.jpg"]
var thetrek=new photogallery(mytrek, 2, 1, '400px', '200px', ['Event Handler demo:', 'Page'])
thetrek.onselectphoto=function(img, link){
if (link!=null)
window.open(link.href, "", "width=400, height=600, status=1, resizable=1")
return false
}
</script>

 <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(53156500, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/53156500" style="position:absolute; left:-9999px;" alt="" /></div></noscript> </body>
</html>

ИЗБРАННЫЕ ПРИМЕРЫ АВГУСТ 2012 года

ПРИМЕР ↴

document.write(document.title)

ПРИМЕР ↺

HTML ↴