JS Efekt trzesienia w logu.

wersja skryptu MyBB: 1.6.1
adres forum: I tak nie potrzebny ale dam shot-center.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Pewnie nie ten dział no ale cóż... Szukam osoby która by mogła napisać co gdzie dodać i tak dalej żeby chodziło to: http://jackrugile.com/jrumble/ . Moge dać za to 5-10 zł doładowanie jeżeli ta osoba nie będzie chciała zrobić tego za darmo.

Matslom napisał 23.12.2013, 20:49:
Przenoszę.
Proszę o:
poprawienie tytułu wątku - zawarcie w nim jaki efekt chcesz uzyskać;
poprawienie treści posta -> (usuń te formy kontaktu (pomagamy na forum, a nie na gg/PW, jeżeli chciałeś inaczej trzeba było umieścić wątek w dziale giełda))

w którym miejscu to ma działać ? jakim elementem poruszać ?

Chcę żeby logo się tak ruszalo

1. Pobierz:

• http://jackrugile.com/jrumble/jquery.jrumble.1.3.zip
  

2. Wstaw jquery.jrumble.1.3.min.js do folderu jscripts na serwerze FTP.
3. Widzę że masz już jQuery, więc do szablonu footer na samym końcu dodaj:

<script src="jscripts/jquery.jrumble.1.3.min.js"></script>
<script>
jQuery.noConflict();
jQuery(document).ready(function() {
    $('.logo').jrumble({
        x: 10,
        y: 10,
        rotation: 4
    });
    $('.logo').hover(function(){
        $(this).trigger('startRumble');
    }, function(){
        $(this).trigger('stopRumble');
    });
});
</script> 


http://wklej.org/hash/62e4f4f3443/txt/

@Edit: Poprawiona literówka.

No dodałem i nic ;p

Nie ma takiego pliku: http://shot-center.pl/jscripts/jquery.rumble.1.3.min.js
Wgraj na serwer.
Mój błąd, literówka.

Zamiast:

<script src="jscripts/jquery.rumble.1.3.min.js"></script> 


daj:

<script src="jscripts/jquery.jrumble.1.3.min.js"></script> 


Powinno tak wyglądać:
http://jsfiddle.net/3g6bY/

@Edit: Teraz zupełnie zepsułeś, miałeś tylko dodać jedną literkę bo zamiast jrumble napisałem rumble.

Już się pogubiłem ;d... Napisze Ci jak to zrobiłem..

1. Wgrałem jquery.jrumble.1.3.min.js do folderu jscripts na serwerze FTP.
2. Do footer dodałem to:

<script src="jscripts/jquery.jrumble.1.3.min.js"></script>
<script>
jQuery(document).ready(function() {
    $('.logo').jrumble({
        x: 10,
        y: 10,
        rotation: 4
    });
    $('.logo').hover(function(){
        $(this).trigger('startRumble');
    }, function(){
        $(this).trigger('stopRumble');
    });
});
</script>

Dodaj tak:

<script type="text/javascript" src="jscripts/jquery.jrumble.1.3.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('.logo').jrumble({
        x: 10,
        y: 10,
        rotation: 4
    });
    jQuery('.logo').hover(function(){
        jQuery(this).trigger('startRumble');
    }, function(){
        jQuery(this).trigger('stopRumble');
    });
});
</script> 


i sprawdź.

No i pięknie. plusiki leca.

//Sorry za offtop


A jednak nawigacja nie działa... Za szeroko te reaguje ..

Dopisz do global.css

.logo {
width: 500px;
}

i będzie śmigać jak ta lala.