Javascript-форум - Как заменить картинку?

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Как заменить картинку? (https://javascript.ru/forum/jquery/23334-kak-zamenit-kartinku.html)

Как заменить картинку?

У меня есть картинка с которой я работаю, т.е. работаю с атрибутами этой картинки.
Как сделать чтобы я мог работать с атрибутами старой картинки, а на ее месте была другая.
Может наложить как-нибудь можно сверху?

KamalovRadik, тестовый пример будет?

#kartsSoper img {
    
   
    
    background-image: url(images/rubaha.jpg);
 }

Не заменяет

#kartsSoper  img {   background-image:url(../images/rubaha.jpg); background-repeat:no-repeat; } 
 #kartsSoper img {  padding:5px;}

Вот так картинка появляется, но только сзади основной картинки.
Как Вывести эту картинку вперед? Или же сделать основную картинку прозрачной?

opacity: ; - делает прозрачным всё, даже бэкграунд

KamalovRadik, нужен полностью рабочий тестовый пример, а не огрызки css...

Я немного недогнал, что конкретно нужно, так что пишу два варианта ответа

1) Если нужно друг над другом
то в css есть свойство z-index
У кого z-index выше, тот и сверху ))

2) Если одна картинка вместо другой, но старая картинка не исчезает

А если обе картинки показывать ненадо, а надо только одну, то тупо скрыл старую при помощи hide(), а новую показал методом show()
со скрытой картинкой можно делать что угодно, хоть она и скрыта, а когда надо опять покажешь старую, а новую скроешь.

<!DOCTYPE HTML>
<html>
<body>   
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$(function(){        
     $("#b2").hide();
     
     $("#imgs #b1").click(function(){
            $(this).hide();
            $("#b2").show();
     });               

     $("#imgs #b2").click(function(){
            $(this).hide();
            $("#b1").show();
     });              
});    
</script>

<div  id="imgs" align="left">
  <img id="b1" width="200px" src="http://img-fotki.yandex.ru/get/5013/78967976.57/0_822f5_e013c42f_XL"  />
  <img id="b2" width="200px" src="http://demotivatorsblog.ru/uploads/www.demotivations.infon2p4qmmzm5mz.jpg"  />
 </div>
</body>
</html>

ЗЫ. Background у картинки идея не удачная ))

DjDiablo,
спасибо.

А как заменять одной картинкой все остальные?

for (var i=0; i<6; i++) {
          
 $('#kartsSoper').prepend(array[razdacha2[i]]).hide();
 $('#kartsSoper').prepend($('#rubaha ')).css('position','relative').show()
          
}

prepent не возвращает ссылку на вставленный обьект, то есть hide работать как надо небудет.

А чем посоветуете вставлять?
.html ?

Народ, помогите.
Не могу разобраться.
Или на соответствующую литературу направьте.