Java Script , Pomôžte

habaluza

Ahoj

.

Potreboval by som na môj Web vytvoriť JS kod ktorý by mal fungovať takto : momentálne je sú tlačítka schované ( .controls v mojom kode) no ak sa zmení pozícia pozadia ( backgroundPosition) na určitú hodnotu tak by som tie .controls chcel zobraziť
Skúšal som niečo také : $('.controls').change(function(){
if($('.player').css({backgroundPosition: '0 90'}))
{
$('.controls').css({display:true})
}
});
Ale kedže sa do toho nevyznám tak to nefunguje

dokonca ani neviem čo by malo ísť tam hore miesto toho " change" kedže to je zlé . Fakt by mi to veľmi pomohlo keby mi niekto z z vás prepísal tých pár riadkov do takej podoby aby fungovali

Ďakujem

*****HERO*****

a cim menis poziciu toho pozadia? nejakou animacou? ukaz kod tej zmeny, lebo prave ten bude treba modifikovat a pichnut tam tie tvoje veci

co sa tyka tohto tvojho kodu, ten je cely zle

habaluza

Cez CSS transitions , vlastne ked za zmení pozícia pozadia na -0px -90px tak sa ma zviditeľniť .controls

.player {
top: 15px;
background: transparent url("../Source/Player.png") no-repeat scroll center top;
height: 130px;
position: relative;
width: 580px;
z-index: 2;
background-position: -0px -190px;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}

*****HERO*****

ak tu tranziciu mas iba na hover, tak by som to miesto toho skor riesil cez jQuery.animate

Kód: Vybrať všetko

$(".player").hover(
        function () {
            $(this).animate({'background-position': '0 -90px'}, {
                complete: function () {
                    $('.controls').show();
                }
            });
        },function(){
            $('.controls').hide();
            $(this).animate({'background-position': '0 -190px'});
        }
);

habaluza

Ďakujem

no môžem sa ešte spýtať či by ešte niečo ináč spraviť okrem toho JS aby to fungovalo lebo ked to tam takto vložím tak to nejde

a ano mám aj Jquery

*****HERO*****

mas to v document.ready evente?

bud ten script pouzi takto (idealne este v <head>)

Kód: Vybrať všetko

$(function(){
   $(".player").hover(
           function () {
               $(this).animate({'background-position': '0 -90px'}, {
                   complete: function () {
                       $('.controls').show();
                   }
               });
           },function(){
               $('.controls').hide();
               $(this).animate({'background-position': '0 -190px'});
           }
   );
);

alebo ho vloz v dokumente niekde az za ten player

pozri aj konzolu, ci ti nieco nevyhadzuje error

habaluza

už to z časti funguje :3 Ďakujem

iba že tlačítka síce zobrazí ale pozíciu pozadia nemení

a ak by si mal čas mohol by som ťa poprosiť či by si mi to nenapísal tak aby že ked sa na to klikne tak nech to ostane na tej novej pozícii a ked sa na to klikne znova tak sa to vráti na pôvodnú

ak teda budeš mať čas

... Ale už teraz som ty veľmi vdačný

Java Script , Pomôžte

Java Script , Pomôžte

Re: Java Script , Pomôžte

Re: Java Script , Pomôžte

Re: Java Script , Pomôžte

Re: Java Script , Pomôžte

Re: Java Script , Pomôžte

Re: Java Script , Pomôžte