[Roosh]

спасибо за ссылку. проанализировала, но все равно ничего не получилось..
теперь в header.php такой код:

<script type="text/javascript" src="http://www.roosh.ru/wp-content/themes/twentyten/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="http://www.roosh.ru/wp-content/themes/twentyten/zoomi.js"></script>
<script type="text/javascript">

// <!-- Examples of dynamically calling zoomi -->
$(function(){

  $('#zoomme img').zoom1().click(function(){
    $(this).zoom2().fadeIn().click(function(){
      $(this).hide(); return false; })
    .end().parent().addClass('red'); return false; });
setTimeout(function(){ $(this).zoom2().fadeIn().click(function(){ $(this).hide(); return false; }, 1500)

  for(i=1; i<=5; ++i)
    $('#bleach').append('<img class="zoomi" src="bleach/'+i+'.jpg" height="110">');
  $('#bleach img.zoomi').zoomi();

  $('.bw img')
  .zoom1().mouseover(function(){ $(this).zoom2().fadeIn(); })
  .zoom2().mouseout(function(){ $(this).fadeOut(1600); });

</script>

пробовала такой, тоже никакого эффекта((

<script type="text/javascript" src="http://www.roosh.ru/wp-content/themes/twentyten/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="http://www.roosh.ru/wp-content/themes/twentyten/zoomi.js"></script>
<script type="text/javascript">

// <!-- Examples of dynamically calling zoomi -->
$(function(){

  $('#zoomme img').zoom1().click(function(){
    $(this).zoom2().fadeIn().click(function(){
      $(this).hide(); return false; })
    .end().parent().addClass('red'); return false; });

  for(i=1; i<=5; ++i)
    $('#bleach').append('<img class="zoomi" src="bleach/'+i+'.jpg" height="110">');
  $('#bleach img.zoomi').zoomi();

  $('.bw img')
  .zoom1().mouseover(function(){ $(this).zoom2().fadeIn(); })
  .zoom2().mouseout(function(){ $(this).fadeOut(1600); });
setTimeout(function(){ $(this).zoom2().fadeIn().click(function(){ $(this).hide(); return false; }, 1500);
});
</script>

посмотрите, пожалуйста, может я не то или не туда вставляю..