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

• #1923 trisztan94 őstag Karma #1922

  Új Válasz 2013-02-28 18:36:51 #1923

  Ú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

  válasz Karma #1922 üzenetére

  Ez nem animáció, egy sima jing-el készített screencast. Így lehetséges?

  Más:
  Van pár kép az oldalamon, kattinthatók. Mindegyiken van egy kategória data attribútum. Aszerint, hogy melyikre kattintunk egy külső scriptet betöltök $.post-tal, ami adatbázisból kiszedi azokat az értékeket amik megfelelnek a kategóriának, visszaküldi és beírom az adatokat egy div-be.
  A probléma: Ez egy slideUp-oló div, miután végigment az animáció kb 2mp kell neki mire bejönnek a dolgok. Lehet ezt valahogy gyorsítani?

  HTML:

  <div class="tutorial_listing">
  <img data-category="1" id="PhpTutorials" src="~/Images/PHP.png">
  <img data-category="2" id="foobar" src="foo/bar">
  </div>
  <div class="TutorialsSlideDown container_12"></div>

  Eddig semmi ördöngőség, ott van ugye két kép egy container divben, mindkettő ellátva egy data attribútummal és egy üres div.
  Itt a jQuery ami beanimálja a dolgot. A lényege annyi, hogy a tutorial_listing divet eltűnteti, ezzel egyidőben a TutorialsSlideDown divet behozza.

  function openTutorials(title, ClickedCategory) {
  //ajax kérés
  $.post("Action/LoadTutorials.cshtml",
  {
  category: ClickedCategory
  },
  function (data) {
  $('.TutorialsSlideDown').html(data);
  });
  //ajax kérés vége
  
  //DIV megjelenítése
  $('.tutorial_listing').slideUp(400);
  $('.TutorialsSlideDown').slideDown(400);
  $('#PageTitle').html(title);
  
  $('.GoBack').bind('click', function () {
  $('.TutorialsSlideDown').slideUp(400);
  $('.tutorial_listing').slideDown(400);
  //ha bezárjuk a divet kiürítjük a tartalmát
  $('.TutorialsSlideDown').html("");
  $('#PageTitle').html("Tutorialok");
  });
  
  return false;
  }
  Tehát: Beanimálódik a div és kb csak 2-3 mp múlva jelennek meg az adatok.

  

  https://heureka-kreativ.hu

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