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

• #5231 Sk8erPeter nagyúr ladó #5230

  Új Válasz 2012-05-19 15:55:26 #5231

  Ú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

  

  Sk8erPeter

  nagyúr

  válasz ladó #5230 üzenetére

  Szívesen!

  Még annyit, hogy jQuery minimális szintű ismerete kell hozzá.
  De ami neked kell, az igazából elég gyorsan elmagyarázható:

  <div>
  <p>1. <a href="asdasd.html" class="elso_osztaly">Valami</a></p>
  <p>2. <a href="asdasd.html" class="masodik_osztaly">Valami</a></p>
  <p>3. <a href="asdasd.html" class="elso_osztaly">Valami</a></p>
  <p>4. <a href="asdasd.html" class="elso_osztaly">Valami</a></p>
  <p>5. <a href="asdasd.html" class="masodik_osztaly">Valami</a></p>
  </div>

  Jelen esetben az "elso_osztaly" és "masodik_osztaly" két külön csoportot képez, de annyiból metszet a két csoport, hogy mindegyik <a> tag.

  Tehát jQuery-vel:
  $('a') - ez az összes <a> taget magába foglalja
  $('a.elso_osztaly') - ezzel az összes olyan <a> taget megkapod, ami az "elso_osztaly" class-be tartozik (jelen esetben: 1, 3, 4)
  $('a.masodik_osztaly') - ezzel az összes olyan <a> taget megkapod, ami a "masodik_osztaly" class-be tartozik (jelen esetben: 2, 5)

  A korábbi demómat frissítettem úgy, hogy legyen két külön album/galéria is azonos lapon, plusz egy olyan vászon, ahol inline HTML-tartalmat töltök be, majd a Colorbox-vásznon belül iframe-be betöltök egy külső oldalt:
  http://jsfiddle.net/Sk8erPeter/aHcLx/

  Ja, még egy nagyon fontos érv a ColorBox mellett: különböző eseményeket publikál, amikre fel lehet iratkozni különböző függvényekkel, erre itt láthatsz példát, az "Example with alerts. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin." résznél.
  Hogy érthetően is elmondjam: az a lényeg, hogy a ColorBoxnak az olyan eseményeire, mint a megnyitás, betöltés, tartalom betöltésének befejezése, bezárás kezdeményezésének elkezdése, maga a bezárás, ráköthetsz saját függvényeket, vagyis mondjuk megmondhatod, hogy amikor mondjuk betöltött a ColorBox, akkor még dobsz a felhasználó arcába egy másik ablakot is, vagy AJAX-szal elküldesz valamit szerveroldalra, és így tovább.
  Erre itt van példa, a demóoldalról szedve:

  HTML-rész:
  <h2>Demonstration of using callbacks</h2>
  <p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p>

  JS-rész:
  $(".callbacks").colorbox({
  onOpen:function(){ alert('onOpen: colorbox is about to open'); },
  onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
  onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
  onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
  onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
  });

  Ez így nagyon egyszerűen kezelhető, ilyen lehetőséget viszont a ClearBoxnál sajnos nem láttam, pedig ez szerintem igen fontos lehet.

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