Нужен простой скрипт (при нажатии на кнопку появлЯется картинка)

Присоединяюсь к данному вопросу - нужен такой скриптик.

Можно с помошью анимации, а можно и с помощью curl, например я нажал на кнопку, скрипт поменял картинку и мне выдал другую с помошбью запросов curl

Могу написать на флеш.

Анимация это вообще не то. Замена картинок это тоже не то. Нужно что бы поверх одной картинки накладывалась другая. У этой другой картинки есть прозрачная часть, через которую видно первую картинку.

Флеш не годится. Т.к. мне не конкретно стол нужен с чашками и т.д. Нужно будет иметь возможность менять/добавлять/удалять картинки.

Я просто не знаю на чем это делается - php, javascript и т.д. Но я на 100% уверен, что скрипт простой. Зачем все усложнять флешем и т.д.?

Примерно так

<div style="position: absolute; top: 50px;left: 50px;width: 500px; height: 500px; background-color: yellow;" >
<div style="position: absolute;top: 50px;left: 50px; display: none;" id="ch">Чашка</div>
<div style="position: absolute;top: 200px;left: 100px; display: none;" id="st">Стакан</div> 
<div style="position: absolute;top: 100px;left: 150px; display: none;" id="ta">Тарелка</div> 
</div>
<div style="position: absolute; top: 600px; left: 100px;">
<a href="#" onclick="document.getElementById('ch').style.display='block'; return false;">+ Чашка</a> <a href="#" onclick="document.getElementById('ch').style.display='none'; return false;">-</a><br/>
<a href="#" onclick="document.getElementById('st').style.display='block'; return false;">+ Стакан</a> <a href="#" onclick="document.getElementById('st').style.display='none'; return false;">-</a><br/>
<a href="#" onclick="document.getElementById('ta').style.display='block'; return false;">+ Тарелка</a> <a href="#" onclick="document.getElementById('ta').style.display='none'; return false;">-</a><br/></div>  

Только нужно вместо текст вставить картнки

Вот примерно так это можно сделать с js дальше думаю разберетесь. Ничего сложного)

    <script type="text/javascript">

        function new_layer(pic){

            var layer = document.createElement('div');

            layer.style.width = '256px';

            layer.style.height = '256px';

            layer.style.backgroundImage = 'url('+pic+')';

            document.getElementById('container').appendChild(layer);

        }

    </script>

    

    

    <div id="container" style="width:256px;height:256px;background-image:url(table.png)"></div>

    

    <input type="button" onclick="new_layer('chashka.png')" value="Поставить чашку" />

DIMAZRU, PavelWershinin, спасибо вам, в принципе то что нужно :)

DIMAZRU, PavelWershinin,

ОНО САМОЕ....Благодарю!