フェード

css/index.css

@@ -362,3 +362,17 @@ span.icon_topics{
 	text-align: left;
 	text-align: left;
 	padding-bottom: 20px;
 	padding-bottom: 20px;
 }
 }
+
+.mv_fade {
+ cursor: pointer;
+ opacity: 1;
+}
+
+.mv_fade:hover{
+ 	-webkit-transition: all 0.5s;
+	-moz-transition: all 0.5s;
+	-ms-transition: all 0.5s;
+	-o-transition: all 0.5s;
+	transition: all 0.5s;
+	opacity: .7;
+}
\ No newline at end of file

shared/js/commonparts.js

@@ -210,11 +210,11 @@ function includeSideEn_pict() {
 
 
 function includeShowcaseImage() {
 function includeShowcaseImage() {
  showcaseimage = new Array();
  showcaseimage = new Array();
- showcaseimage[0] = "<img src='images/mv_test.jpg' alt='' width='860' height='auto' />";
- showcaseimage[1] = "<img src='images/mv_test.jpg' alt='' width='860' height='auto' />";
- showcaseimage[2] = "<img src='images/mv_test.jpg' alt='' width='860' height='auto' />";
- showcaseimage[3] = "<img src='images/mv_test.jpg' alt='' width='860' height='auto' />";
- showcaseimage[4] = "<img src='images/mv_test.jpg' alt='' width='860' height='auto' />";
+ showcaseimage[0] = "<img src='images/mv_test.jpg' alt='' width='860' height='auto' class='mv_fade' />";
+ showcaseimage[1] = "<img src='images/mv_test.jpg' alt='' width='860' height='auto' class='mv_fade' />";
+ showcaseimage[2] = "<img src='images/mv_test.jpg' alt='' width='860' height='auto' class='mv_fade' />";
+ showcaseimage[3] = "<img src='images/mv_test.jpg' alt='' width='860' height='auto' class='mv_fade' />";
+ showcaseimage[4] = "<img src='images/mv_test.jpg' alt='' width='860' height='auto' class='mv_fade' />";
  n = Math.floor(Math.random() * showcaseimage.length);
  n = Math.floor(Math.random() * showcaseimage.length);
  document.write(showcaseimage[n]);
  document.write(showcaseimage[n]);
 }
 }