JavaScriptを使って
写真を半透明、表示、非表示させます。半透明の割合は好みで変更可能です。
↓以下が実際のソースサンプルです。
▼JavaScript
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(function(){
$("button#fade100").click(function(){
$("img:not(:animated)").fadeTo("slow",1);
});
$("button#fade50").click(function(){
$("img:not(:animated)").fadeTo("slow",0.5);
});
$("button#fade0").click(function(){
$("img:not(:animated)").fadeTo("slow",0);
});
});
</script>
▼HTML
<body> <button id="fade100">表示</button> <button id="fade50">半透明</button> <button id="fade0">非表示</button> <p><img src="a1.jpg" alt="taiyo"></p> </body>
