Нужна ми е галерия за резервни части
- Автор k0kicha
- Начална дата
bgmafiabitka
Registered
http://www.google.bg/webhp?hl=bg#hl=bg&source=hp&q=free+php+gallery&oq=free+php+gal&aq=0&aqi=g2&aql=undefined&gs_sm=e&gs_upl=635l2727l0l12l9l0l1l1l0l272l1700l0.4.4l8&bav=on.2,or.r_gc.r_pw.&fp=aa2ad9013ffe850&biw=1366&bih=643
ето ти мойта от сайта ми
http://www.tarja-turunen.netne.net/014.html
аз реших флаш да си сложа
кода
[js]var imP = function () {
/* ---- private vars ---- */
var O = [],
scr,
box,
img,
txt,
tit,
W = 0,
H = 0,
nI = 0,
sel = 0,
si = 0,
ZOOM = 0,
speed = .06, // animation speed
delay = .5; // 1 = no delay
var dText = function() {
txt.style.textAlign = tit.style.textAlign = (sel<nI/2) ? "left" : "right";
txt.innerHTML = O[sel].tx;
tit.innerHTML = O[sel].ti;
}
var CObj = function (n, s, x, tx, ti) {
this.n = n;
this.dim = s;
this.tx = tx;
this.ti = ti;
this.is = img[n];
this.iss = this.is.style;
this.vz = 0;
this.sx = 0;
this.x0 = x;
this.x1 = 0;
this.zo = 0;
this.rImg = 1;
this.loaded = false;
}
CObj.prototype.over = function() {
if(this.n != sel){
O[sel].dim = 100 / O[sel].rImg;
O[this.n].dim = ZOOM * 100;
sel = this.n;
cLeft();
txt.innerHTML = tit.innerHTML = "";
setTimeout(dText, 32);
}
}
CObj.prototype.anim = function () {
if (this.loaded) {
this.vz = speed * (this.vz + (this.x1 - this.sx) * delay);
this.x1 -= this.vz;
this.sx = (this.n === 0) ? 0 : O[this.n - 1].x0 + O[this.n - 1].dim;
this.zo -= (this.zo - (this.dim * this.rImg)) * speed;
var l = (this.x1 * si) + 6 * (this.n + 1);
var w = this.zo * si;
this.iss.left = Math.round(l) + 'px';
this.iss.top = Math.round((H - w) * .5) + 'px';
this.iss.width = Math.round(w / this.rImg) + 'px';
this.iss.height = Math.round(w) + 'px';
if(sel === this.n){
if(sel < nI * .5) {
tit.style.left = txt.style.left = Math.round(l + w / this.rImg + 6) + 'px';
} else {
tit.style.left = txt.style.left = Math.round(l - (nx * .25) - 6) + 'px';
}
txt.style.top = Math.round(-(w * this.rImg) * .15) + 'px';
tit.style.top = Math.round((w * this.rImg) * .2) + 'px';
}
} else {
if (this.is.complete) {
if (this.is.width) {
this.loaded = true;
this.rImg = this.is.height / this.is.width;
this.dim = (sel === this.n) ? ZOOM * 100 : 100 / this.rImg;
resize();
this.iss.width = "0px";
this.iss.visibility = "visible";
if (this.n == 0 ) {
txt.style.visibility = "visible";
tit.style.visibility = "visible";
}
}
}
}
}
var cLeft = function() {
var l = 0;
for(var k = 0; k < nI; k++){
var o = O[k];
o.x0 = l;
l += o.dim;
}
return l;
}
var resize = function (){
nx = scr.offsetWidth;
ny = scr.offsetHeight;
W = nx * 90 / 100;
var l = cLeft();
si = (W - ((nI + 1) * 6)) / l;
H = 100 * si + 14;
tit.style.width = Math.round(nx * .25) + 'px';
txt.style.width = Math.round(nx * .25) + 'px';
tit.style.fontSize = (nx / 30) + 'px';
txt.style.fontSize = (nx / 70) + 'px';
box.style.width = Math.round(W) + 'px';
box.style.height = Math.round(H) + 'px';
box.style.left = Math.round(nx / 2 - W / 2) + 'px';
box.style.top = Math.round(ny / 2 - H / 2) + 'px';
}
////////////////////////////////////////////////////////////////////////////
var init = function () {
scr = document.getElementById("screen");
scr.onselectstart = new Function("return false");
box = document.getElementById("box");
tit = document.getElementById("tit");
txt = document.getElementById("txt");
img = box.getElementsByTagName("img");
nI = img.length;
ZOOM = nI;
var s = ZOOM * 100;
var x = 0;
for(var i=0; i<nI; i++) {
var tx = img.alt;
var ti = img.title;
var o = document.getElementById(ti) || false;
if (o) {
/* ==== hyperlink ==== */
img.style.cursor = 'pointer';
tx += '<br><a target="'+o.target+'" href="'+o.href+'">'+o.innerHTML+'</a>';
img.onclick = new Function('window.open("'+o.href+'","'+o.target+'");');
}
O = new CObj(i, s, x, tx, ti);
img.alt = "";
img.title = "";
img.onmousedown = function() { return false; }
img.parent = O;
img.onmouseover = function() { this.parent.over(); }
x += s;
s = 100;
}
tit.innerHTML = O[0].ti;
txt.innerHTML = O[0].tx;
resize();
onresize = resize;
box.style.visibility = "visible";
setInterval(function() {
for(var j in O) O[j].anim();
}, 16);
}
////////////////////////////////////////////////////////////////////////////
return {
init : init
}
}();[/js]
+
[js]/* ==== start script ==== */
setTimeout(imP.init, 256);[/js]
[css]html{overflow:hidden;}
body{margin:0px;padding:0px;background:#000;position:absolute;width:100%;height:100%;filter:alpha(opacity=100);}
#box{position:absolute;background:#222;border:gray solid 1px;visibility:hidden;}
#screen{position:absolute;left:0px;width:100%;top:10%;height:80%;background-image:url('img 0091.png');background-repeat:no-repeat;background-position:top;background-color:#000;border:black solid 1px;}
#box img{position:absolute;border:gray solid 1px;-ms-interpolation-mode:nearest-neighbor;image-rendering
ptimizespeed;visibility:hidden;background:#000;}
#box span{position:absolute;color:#ff0000;font-family:georgia;font-size:12px;width:200px;}
#box a{text-decoration:none;color:#ff8000;}
#box a:hover{text-decoration:none;background:#ff8000;color:#ffffff;}
#box a:visited{text-decoration:none;color:#ff8000;}
#box a:visited:hover{text-decoration:none;background:#ff8000;color:#ffffff;}
#lnk, #txt, #tit{visibility:hidden;}[/css]
ето как изглежда ХТМЛ документа
и една ЦСС галерия дето ме кефи
http://www.cssplay.co.uk/menu/slide_show.html#portrait13
http://www.tarja-turunen.netne.net/014.html
аз реших флаш да си сложа
кода
[js]var imP = function () {
/* ---- private vars ---- */
var O = [],
scr,
box,
img,
txt,
tit,
W = 0,
H = 0,
nI = 0,
sel = 0,
si = 0,
ZOOM = 0,
speed = .06, // animation speed
delay = .5; // 1 = no delay
var dText = function() {
txt.style.textAlign = tit.style.textAlign = (sel<nI/2) ? "left" : "right";
txt.innerHTML = O[sel].tx;
tit.innerHTML = O[sel].ti;
}
var CObj = function (n, s, x, tx, ti) {
this.n = n;
this.dim = s;
this.tx = tx;
this.ti = ti;
this.is = img[n];
this.iss = this.is.style;
this.vz = 0;
this.sx = 0;
this.x0 = x;
this.x1 = 0;
this.zo = 0;
this.rImg = 1;
this.loaded = false;
}
CObj.prototype.over = function() {
if(this.n != sel){
O[sel].dim = 100 / O[sel].rImg;
O[this.n].dim = ZOOM * 100;
sel = this.n;
cLeft();
txt.innerHTML = tit.innerHTML = "";
setTimeout(dText, 32);
}
}
CObj.prototype.anim = function () {
if (this.loaded) {
this.vz = speed * (this.vz + (this.x1 - this.sx) * delay);
this.x1 -= this.vz;
this.sx = (this.n === 0) ? 0 : O[this.n - 1].x0 + O[this.n - 1].dim;
this.zo -= (this.zo - (this.dim * this.rImg)) * speed;
var l = (this.x1 * si) + 6 * (this.n + 1);
var w = this.zo * si;
this.iss.left = Math.round(l) + 'px';
this.iss.top = Math.round((H - w) * .5) + 'px';
this.iss.width = Math.round(w / this.rImg) + 'px';
this.iss.height = Math.round(w) + 'px';
if(sel === this.n){
if(sel < nI * .5) {
tit.style.left = txt.style.left = Math.round(l + w / this.rImg + 6) + 'px';
} else {
tit.style.left = txt.style.left = Math.round(l - (nx * .25) - 6) + 'px';
}
txt.style.top = Math.round(-(w * this.rImg) * .15) + 'px';
tit.style.top = Math.round((w * this.rImg) * .2) + 'px';
}
} else {
if (this.is.complete) {
if (this.is.width) {
this.loaded = true;
this.rImg = this.is.height / this.is.width;
this.dim = (sel === this.n) ? ZOOM * 100 : 100 / this.rImg;
resize();
this.iss.width = "0px";
this.iss.visibility = "visible";
if (this.n == 0 ) {
txt.style.visibility = "visible";
tit.style.visibility = "visible";
}
}
}
}
}
var cLeft = function() {
var l = 0;
for(var k = 0; k < nI; k++){
var o = O[k];
o.x0 = l;
l += o.dim;
}
return l;
}
var resize = function (){
nx = scr.offsetWidth;
ny = scr.offsetHeight;
W = nx * 90 / 100;
var l = cLeft();
si = (W - ((nI + 1) * 6)) / l;
H = 100 * si + 14;
tit.style.width = Math.round(nx * .25) + 'px';
txt.style.width = Math.round(nx * .25) + 'px';
tit.style.fontSize = (nx / 30) + 'px';
txt.style.fontSize = (nx / 70) + 'px';
box.style.width = Math.round(W) + 'px';
box.style.height = Math.round(H) + 'px';
box.style.left = Math.round(nx / 2 - W / 2) + 'px';
box.style.top = Math.round(ny / 2 - H / 2) + 'px';
}
////////////////////////////////////////////////////////////////////////////
var init = function () {
scr = document.getElementById("screen");
scr.onselectstart = new Function("return false");
box = document.getElementById("box");
tit = document.getElementById("tit");
txt = document.getElementById("txt");
img = box.getElementsByTagName("img");
nI = img.length;
ZOOM = nI;
var s = ZOOM * 100;
var x = 0;
for(var i=0; i<nI; i++) {
var tx = img.alt;
var ti = img.title;
var o = document.getElementById(ti) || false;
if (o) {
/* ==== hyperlink ==== */
img.style.cursor = 'pointer';
tx += '<br><a target="'+o.target+'" href="'+o.href+'">'+o.innerHTML+'</a>';
img.onclick = new Function('window.open("'+o.href+'","'+o.target+'");');
}
O = new CObj(i, s, x, tx, ti);
img.alt = "";
img.title = "";
img.onmousedown = function() { return false; }
img.parent = O;
img.onmouseover = function() { this.parent.over(); }
x += s;
s = 100;
}
tit.innerHTML = O[0].ti;
txt.innerHTML = O[0].tx;
resize();
onresize = resize;
box.style.visibility = "visible";
setInterval(function() {
for(var j in O) O[j].anim();
}, 16);
}
////////////////////////////////////////////////////////////////////////////
return {
init : init
}
}();[/js]
+
[js]/* ==== start script ==== */
setTimeout(imP.init, 256);[/js]
[css]html{overflow:hidden;}
body{margin:0px;padding:0px;background:#000;position:absolute;width:100%;height:100%;filter:alpha(opacity=100);}
#box{position:absolute;background:#222;border:gray solid 1px;visibility:hidden;}
#screen{position:absolute;left:0px;width:100%;top:10%;height:80%;background-image:url('img 0091.png');background-repeat:no-repeat;background-position:top;background-color:#000;border:black solid 1px;}
#box img{position:absolute;border:gray solid 1px;-ms-interpolation-mode:nearest-neighbor;image-rendering
ptimizespeed;visibility:hidden;background:#000;}#box span{position:absolute;color:#ff0000;font-family:georgia;font-size:12px;width:200px;}
#box a{text-decoration:none;color:#ff8000;}
#box a:hover{text-decoration:none;background:#ff8000;color:#ffffff;}
#box a:visited{text-decoration:none;color:#ff8000;}
#box a:visited:hover{text-decoration:none;background:#ff8000;color:#ffffff;}
#lnk, #txt, #tit{visibility:hidden;}[/css]
ето как изглежда ХТМЛ документа
HTML:
<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
Concerts
</title>
<meta http-equiv="imagetoolbar" content="no">
<script src="001.js" type="text/javascript">
</script>
<script src="002.js" type="text/javascript">
</script>
<script src="004.js" type="text/javascript">
</script>
<script src="005.js" type="text/javascript">
</script>
<link rel="stylesheet" type="text/css" href="001.css" />
<link rel="stylesheet" type="text/css" href="005.css" />
</head>
<body>
<center>
<div id="screen">
<div id="box">
<img src="img 0092.jpg" title="Tarja Turunen">
<img src="img 0093.jpg" title="Tarja Turunen">
<img src="img 0094.jpg" title="Tarja Turunen">
<img src="img 0095.jpg" title="Tarja Turunen">
<img src="img 0096.jpg" title="Tarja Turunen">
<img src="img 0097.jpg" title="Tarja Turunen">
<img src="img 0098.jpg" title="Tarja Turunen">
<img src="img 0099.jpg" title="Tarja Turunen">
<img src="img 0100.jpg" title="Tarja Turunen">
<img src="img 0101.jpg" title="Tarja Turunen">
<img src="img 0102.jpg" title="Tarja Turunen">
<img src="img 0103.jpg" title="Tarja Turunen">
<img src="img 0104.jpg" title="Tarja Turunen">
<img src="img 0105.jpg" title="Tarja Turunen">
<img src="img 0106.jpg" title="Tarja Turunen">
<img src="img 0107.jpg" title="Tarja Turunen">
<img src="img 0108.jpg" title="Tarja Turunen">
<img src="img 0109.jpg" title="Tarja Turunen">
<img src="img 0110.jpg" title="Tarja Turunen">
<img src="img 0111.jpg" title="Tarja Turunen">
<span id="txt">
</span>
<span id="tit">
</span>
<span id="lnk">
</span>
</div>
</div>
<a style="text-decoration: none;"href="015.html">
<div class="fadehover">
<img src="img 0024.png" border="0" style="position:fixed;top:800px;left:1100px;" class="a" />
<img src="img 0025.png" border="0" style="position:fixed;top:800px;left:1100px;" class="b" />
</div>
</a>
<script type="text/javascript" src="http://analytics.hosting24.com/count.php"></script>
<noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting" /></a></noscript>и една ЦСС галерия дето ме кефи
http://www.cssplay.co.uk/menu/slide_show.html#portrait13