Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   задержка срабатывания zoomi (увеличения картинки при наведении курсора) (https://javascript.ru/forum/jquery/12054-zaderzhka-srabatyvaniya-zoomi-uvelicheniya-kartinki-pri-navedenii-kursora.html)

monolithed 29.09.2010 07:46

Я вам до этого привел пример с функцией, которая вызывается через 1,5 сек, неужели так сложно его проанализировать?

http://javascript.ru/setTimeout

Roosh 29.09.2010 22:57

спасибо за ссылку. проанализировала, но все равно ничего не получилось..
теперь в 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>

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

monolithed 29.09.2010 23:23

так подойдет? http://www.jsfiddle.net/RTq5N/

Roosh 30.09.2010 22:51

а что там должно происходить? картинка не просматривается, скрипт никак не работает, при нажатии на место картинки выскакивает надпись: "403 Forbidden"

monolithed 01.10.2010 00:37

долго собирались потому что: http://www.jsfiddle.net/RTq5N/2/


Часовой пояс GMT +3, время: 01:39.