Vymena pozadi po najeti mysky na jiny element – CSS – Fórum – Programujte.com

Zdravím, chci ce zeptat jestli jde zmenit pomoci css pozadi jineho elementu. jde me o následující. mám vyrobek který je v několika barvách. Na stránce mám náhled v jedné barvě a pod ním jsou malé čtverečky s dostupnými barvami. Chci docílit toho, že při najetí na daný čtvereček se zobrazí náhled v dané barvě. Dokáže to css, nebo musím použít javascript?

JavaScript

<script type="text/javascript">

  function zmenPozadi(divid,styl) {

    document.getElementById(divid).className = styl;

  }

</script>



<div id="obrazek" class="obr_nejaky"></div>

<div id="barva_modra" onMouseOver="zmenPozadi('obrazek','obr_modry')"></div>

Popř. s jQuery takto:

$(document).ready(function() {   

  $('#idctverecku').hover(

    function() {

      $(#idnahledu).css('background-color', '#novabarva');

    }, function() {

      $(#idnahledu).css('background-color', '#puvodnibarva');

    }

  );

});