arnaucube/ivardiaweb
1
0
Fork 0
mirror of https://github.com/arnaucube/ivardiaweb.git synced 2026-02-07 03:46:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

imatges dinamiques a mitges

Browse Source
This commit is contained in:
idoctnef
2016-06-07 19:07:50 +02:00
parent 0ae2c68b1c
commit 65666a89ba
3 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@@ -22,7 +22,8 @@
</head>
<body onload='OnLoadIndex();'>
<div class='own-container'>
<img id='backgroundImage' class='own-indexBackgroundImage' src='imatges/mainBackground.jpg' />
<img id='backgroundImage0' class='own-indexBackgroundImage' src='imatges/mainBackground.jpg' />
<img id='backgroundImage1' class='own-indexBackgroundImage opacity0' src='imatges/background/background0.jpg' />
<div class='own-lang own-whiteText'>
<a href="#">CAT</a>
<a href='#'>CAST</a>

12
index.js
View File

@@ -16,8 +16,18 @@ function OnLoadDefault(){
function OnLoadIndex(){
OnLoadDefault();
var numImg=0;
var visibleImg=0;
setInterval(function(){
document.getElementById("backgroundImage").src="imatges/background/background"+numImg+".jpg";
document.getElementById("backgroundImage"+visibleImg).className="own-indexBackgroundImage";
if(visibleImg==0){
visibleImg=1;
}else{
visibleImg=0;
}
document.getElementById("backgroundImage"+visibleImg).className+=" own-opacity0";
document.getElementById("backgroundImage"+visibleImg).src="imatges/background/background"+numImg+".jpg";
numImg++;
if(numImg>9)
{

11
own.css
View File

@@ -36,6 +36,10 @@ a:active {
left: 0px;
top: 0px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
}
@@ -48,8 +52,15 @@ a:active {
left: 0px;
top: 0px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
}
.own-opactity0{
opacity: 0;
}
.own-langIndex{
text-align: right;
margin-right: 50px;