| PumaNeo6 |
 Wysłany: Pon 3:02, 14 Gru 2009 Temat postu: |
|
| Kod: |
body
{
width:75%;
background-color:black;
}
#full {float:right;}
#min {margin-top:30px; float:left;}
#forward,
#backward {padding:10px; margin-left:10px;}
#minus {margin-left:27px;}
#plus {margin-left:12px;}
#min > fieldset > img {margin:10px;} a {text-decoration:none;} #ins {overflow:auto; height:200px; width:350px;} form {margin-left:130px;}
#sign {clear:both; color:white; font-weight:bold; font-size:17px; float:right; width:540px; margin-top:5px;}
|
| Kod: |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="javd.css"/>
<script type="text/javascript">
var tabIMG = new Array();
var numer = 0;
alert("Puma");
tabIMG[0] = "a/a.jpg";
tabIMG[1] = "a/b.jpg";
tabIMG[2] = "a/c.jpg";
tabIMG[3] = "a/d.jpg";
tabIMG[4] = "a/e.jpg";
tabIMG[5] = "a/f.jpg";
tabIMG[6] = "b/g.jpg";
tabIMG[7] = "b/h.jpg";
tabIMG[8] = "b/i.jpg";
tabIMG[9] = "b/j.jpg";
tabIMG[10] = "b/k.jpg";
tabIMG[11] = "b/l.jpg";
tabIMG[12] = "c/m.jpg";
tabIMG[13] = "c/n.jpg";
tabIMG[14] = "c/o.jpg";
tabIMG[15] = "c/p.jpg";
tabIMG[16] = "c/r.jpg";
tabIMG[17] = "c/s.jpg";
function next() { numer++; numer=numer>17?0:numer; obr = tabIMG[numer]; image = document.getElementById("big"); image.setAttribute("src",obr); } /* function wybierz(obr) { alert("Puma");
var tab = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","r","s");
var bigI= document.getElementById("big"); for(i=0; i<18; i++) bigI.setAttribute("src",tabIMG[i]); break;} return false; }*/
function prev() { numer--; numer=numer>17?0:numer; obr = tabIMG[numer]; image = document.getElementById("big"); image.setAttribute("src",obr); } /* function wybierz(obr) { alert("Puma");
var tab = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","r","s");
var bigI= document.getElementById("big"); for(i=0; i<18; i--) bigI.setAttribute("src",tabIMG[i]); break;} return false; }*/
</script>
</head>
<body>
<div id="full">
<fieldset> <img src="a/a.jpg" id="big"/> </fieldset>
</div>
<div id="min">
<fieldset>
<div id="ins">
<center><a href="#" id="a" onclick="wybierz("a")"><img src="a/as.jpg" /></a><br/>
<a href="#" id="b" onclick="wybierz("b")"><img src="a/bs.jpg" /></a><br/>
<a href="#" id="c" onclick="wybierz(„c&bdquo"><img src="a/cs.jpg" /></a><br/>
<a href="#"id="d"onclick="return wybierz('d')"><img src="a/ds.jpg" /></a><br/>
<a href="#"id="e"onclick="return wybierz('e')"><img src="a/es.jpg" /></a><br/>
<a href="#"id="f"onclick="return wybierz('f')"><img src="a/fs.jpg" /></a><br/>
<a href="#"id="g"onclick="return wybierz('g')"><img src="b/gs.jpg" /></a><br/>
<a href="#"id="h"onclick="return wybierz('h')"><img src="b/hs.jpg" /></a><br/>
<a href="#"id="i"onclick="return wybierz('i')"><img src="b/is.jpg" /></a><br/>
<a href="#"id="j"onclick="return wybierz('j')"><img src="b/js.jpg" /></a><br/>
<a href="#"id="k"onclick="return wybierz('k')"><img src="b/ks.jpg" /></a><br/>
<a href="#"id="l"onclick="return wybierz('l')"><img src="b/ls.jpg" /></a><br/>
<a href="#"id="m"onclick="return wybierz('m')"><img src="c/ms.jpg" /></a><br/>
<a href="#"id="n"onclick="return wybierz('n')"><img src="c/ns.jpg" /></a><br/>
<a href="#"id="o"onclick="return wybierz('o')"><img src="c/os.jpg" /></a><br/>
<a href="#"id="p"onclick="return wybierz('p')"><img src="c/ps.jpg" /></a><br/>
<a href="#"id="r"onclick="return wybierz('r')"><img src="c/rs.jpg" /></a><br/>
<a href="#"id="s"onclick="return wybierz('s')"><img src="c/ss.jpg" /></a></center>
</div>
</fieldset>
<form>
<input type="button" value="<<" id="backward" onclick="prev()"/>
<input type="button" value=">>" id="forward" onclick="next()"/> <br/>
<input type="button" value="-" id="minus" onclick="smaller()"/>
<input type="button" value="+" id="plus" onclick="bigger()"/>
</form>
</div>
<div id="sign">
<fieldset> <p class="podpis">Litera "A"</p> </fieldset>
</div>
</body>
</html> |
|
|
