Jak robić żeby slider przesuwał się tylko gdy jest na nim myszka ?

Założony przez  Użytkownik 9022.

wersja skryptu MyBB: 1.6.8
adres forum: http://szymon1051.hpbf.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Wgrałem slider zgodnie z https://webboard.pl/wiki.php?facebook-slider.html i poprawką https://webboard.pl/thread-35368.html?pi...#pid138307 .

Teraz jak najadę myszką j zaraz zjadę z slidera i robię tak np 6 razy szybko to slider zrobi 6 takich przesunięć jak już dawno myszki nie będzie na nim.

A jak zrobić jak jest na http://www.forum.dariuszkaczorowski.pl/ czyli pozbyć się tej jak by pętli jak kilkanaście razy najdę myszką na slider ?
<script type="text/javascript">
jQuery(function(){

    jQuery("#facebook_slider").css("left","-252px");

jQuery("#facebook_slider").hover(function(){

        jQuery("#facebook_slider").stop.animate({left: "0px"}, 500 );
        jQuery(this).addClass("fb_slider_close");
        return false;
    },
    function(){    
        jQuery("#facebook_slider").stop.animate({left: "-252px"}, 500 );
        jQuery(this).removeClass("fb_slider_close");
        return false;
    });

});
    </script>

Ogólnie cały pic polega na dodaniu .stop przed .animate w funkcji. Powoduje to zatrzymanie poprzedniej animacji w momencie zmiany stanu z mouseenter-mouseleave :)
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Tak tylko teraz nie działa :P.
Jak ktoś nie umie czytać, ani dobrze skopiować kodu, to nie moja wina. Dostałeś gotowca do skopiowania, to wolałeś zrobić to ręcznie, na dodatek źle, a przecież napisałem, że .stop ma być przed .animate, a nie za nim. ;p
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Mam przed ale nie działa.

Zawartość headerinclude
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
{$stylesheets}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  jQuery.noConflict();
</script>
<script type="text/javascript">
jQuery(function(){

    jQuery("#facebook_slider").css("left","-252px");

jQuery("#facebook_slider").hover(function(){

        jQuery("#facebook_slider").stop.animate({left: "0px"}, 500 );
        jQuery(this).addClass("fb_slider_close");
        return false;
    },
    function(){    
        jQuery("#facebook_slider").stop.animate({left: "-252px"}, 500 );
        jQuery(this).removeClass("fb_slider_close");
        return false;
    });

});
    </script>

<script type="text/javascript">
jQuery(function(){

    jQuery("#my_slider").css("left","-252px");

jQuery("#my_slider").hover(function(){

        jQuery("#my_slider").animate({left: "0px"}, 500 );
        jQuery(this).addClass("my_slider_close");
        return false;
    },
    function(){    
        jQuery("#my_slider").animate({left: "-252px"}, 500 );
        jQuery(this).removeClass("my_slider_close");
        return false;
    });

});
    </script>
<script type="text/javascript">
<!--
    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
Hmmm... Spróbuj tego:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
{$stylesheets}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  jQuery.noConflict();
</script>
<script type="text/javascript">
jQuery(function(){

    jQuery("#facebook_slider").css("left","-252px");

jQuery("#facebook_slider").hover(function(){

        jQuery("#facebook_slider").stop().animate({left: "0px"}, 500 );
        jQuery(this).addClass("fb_slider_close");
        return false;
    },
    function(){    
        jQuery("#facebook_slider").stop().animate({left: "-252px"}, 500 );
        jQuery(this).removeClass("fb_slider_close");
        return false;
    });

});
    </script>

<script type="text/javascript">
jQuery(function(){

    jQuery("#my_slider").css("left","-252px");

jQuery("#my_slider").hover(function(){

        jQuery("#my_slider").animate({left: "0px"}, 500 );
        jQuery(this).addClass("my_slider_close");
        return false;
    },
    function(){    
        jQuery("#my_slider").animate({left: "-252px"}, 500 );
        jQuery(this).removeClass("my_slider_close");
        return false;
    });

});
    </script>
<script type="text/javascript">
<!--
    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Teraz działa.
Zapomniałem, żeby dodać nawiasy za funkcją stop, mimo, iż nie ma ona parametrów, to dlatego.

//Wpis na wiki poprawiony
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.



Użytkownicy przeglądający ten wątek:

1 gości