+
+ 
CAT
CAST
diff --git a/index.js b/index.js
index 3f5cd3d..65f8417 100644
--- a/index.js
+++ b/index.js
@@ -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)
{
diff --git a/own.css b/own.css
index c7503c9..486649f 100644
--- a/own.css
+++ b/own.css
@@ -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;