Плавное появление и закрытие помогите сделать
 

Вот из этого:

function show_d() {
obj = document.getElementById("test");
obj.style.visibility = "visible";
}
function hide_d() {
document.getElementById("test").style.visibility="hidden"
}

Как вариант, в цикле уменьшай размеры у элемента (если убираешь)... Или наоборот увеличивай (если появляется)...

Хочется фейдом, и поподробнее

Вам целую статью дали, куда уж подробнее.

Используй jQuery - с ним проще разобраться будет

Вот типа такого, только чтоб изначально обьект был невидим.

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>

<style>
.container{margin:10px 0;}
</style>
<input type="button" value="Скрыть" onclick="$('div.container').fadeOut('slow');">
<input type="button" value="Отобразить" onclick="$('div.container').fadeIn('slow');">
<input type="button" Value="10% прозрачность" onclick="$('div.container').fadeTo('slow',0.1);">
<input type="button" Value="100% прозрачность" onclick="$('div.container').fadeTo('slow',1);">
<div class="container">
<img src="plavnoe-poyavlenie-i-zatemnenie-kartinka.jpg">
</div>

допер, display:none; попытаюсь впиндюрить :)))