Új hozzászólás Aktív témák

• #2379 trisztan94 őstag

  Új Válasz 2013-06-12 22:28:47 #2379

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  trisztan94

  őstag

  Sziasztok!
  jQueryUI Bounce effect problémám van.

  Videó a dologról

  Így néz ki a html:

  <div id="content">
  <img id="card" src="img/card.jpg" alt="Kreaterv" />
  <img id="main-image" src="img/main.png" alt="" />
  </div>

  A content div az az a div amiben a fekete kép van, tehát már nem tartozik bele a felső és alsó fehér sáv.
  A card.jpg a névjegykártya, a main.jpg pedig ami lefedi azt.

  css:

  #content{
  height:320px;
  width:650px;
  }
  #main-image{
  height:320px;
  width:650px;
  margin-top:-285px;
  }
  #card{
  height: 250px;
  margin-top:35px;
  margin-left: -38px;
  }

  js:

  $('#kap').click(function() {
  $('#card').effect("bounce", { direction:'left', times:3 }, 1200);
  return false;
  });
  $('#card').mouseover(function() {
  $(this).animate({
  marginLeft: "-300px"
  }, 500);
  });
  $('#card').mouseout(function() {
  $(this).animate({
  marginLeft: "-38px"
  }, 500);
  });

  a "kap" a kapcsolatok menüpont id-je.

  Gondolom a videóból látni, hogy mi a probléma.. annyi, hogy mouseover-re szépen kianimálódik balra, mouseout-ra szépen vissza. Viszont a kapcsolat menüpontra kattintva a kívánt bounce effect helyett valamiért mintha kapna egy nagyobb z-index értéket, vagy nem tudom...

  5let?

Új hozzászólás Aktív témák