Load more

[Metty]

Hallo liebe comm.

ich wollte gerne noch zusätzlich ein lade balken einbauen nur wie?

hier der code:

    $(function(){
    $(".referenzendetails").slice(0, 3).show();
    $("#load-more").click(function(e){
        e.preventDefault();
        $(".referenzendetails:hidden").slice(0, 3).show();
        if($(".referenzendetails:hidden").length == 0){
            alert("Keine weitere Referenzen");
        }
    });
});

wer super wenn sich jemand damit auskennt...


MFG Metty

 

[hub]

AW: Load more

Moin moin,
was meinst du genau? da du offenbar die inhalte schon geladen hast, gibt es doch so gut wie keine zeitlichen Verzögerungen ...

$(function(){
  $(".referenzendetails").slice(0, 3).show();
  $("#load-more").click(function(e){
      // hier show ladebalken
      e.preventDefault();
      $(".referenzendetails:hidden").slice(0, 3).show('slow', function() {
      // ladebalken hide
    });
    if($(".referenzendetails:hidden").length == 0){
      // ladebalken hide
      alert("Keine weitere Referenzen");
    }
  });
});

Meinst du das? Wenn ich deine Frage falsch verstanden habe, nochmal hier Krach machen

Gruß Ulli

 

[Metty]

AW: Load more

aso schuldige Ulli ^^

ne ich wollte gerne wenn ich drauf klicke das ein bild ladebalken kommt..

zb wie hier:

Bitte kostenlos registrieren, damit du die Links siehst.

MFG Metty

 

[hub]

AW: Load more

Moin,

// beim laden den container verstecken (oder per css):
$('#dein-ladebalken-container-div').hide();
 
// in der funktion bedeuten die comments:
// hier show ladebalken:
$('#dein-ladebalken-container-div').show();
 
// ladebalken hide
$('#dein-ladebalken-container-div').hide();
 
// im html über / unter deinem load more button:
<div id="dein-ladebalken-container-div">
<img src="dein-ladebalken-bild.gif">
</div>

Ist das näher dran?

Gruß Ulli

 

[Metty]

AW: Load more

muss ich den code so einfügen?

$(function(){
  $(".referenzendetails").slice(0, 3).show();
  $("#load-more").click(function(e){
      // hier show ladebalken
      e.preventDefault();
      $(".referenzendetails:hidden").slice(0, 3).show('slow', function() {
      // ladebalken hide
    });
    if($(".referenzendetails:hidden").length == 0){
      // ladebalken hide
      alert("Keine weitere Referenzen");
    }
  });
});  


$('.referenzendetails').hide();
 
// in der funktion bedeuten die comments:
// hier show ladebalken:
$('.referenzendetails').show();
 
// ladebalken hide
$('.referenzendetails').hide();

und so gebe ich den link aus:

 <a id="load-more" href="#">Lade mehr Referenzen</a>

schuldige verstehe das nicht so richtig...


MFG Metty

 

[hub]

AW: Load more

Jo, sorry. Hier noch mal der Mix aus deinem Code + Ergänzung:

$(function(){
  $('#dein-ladebalken-container-div').hide();
  $(".referenzendetails").slice(0, 3).show();
  $("#load-more").click(function(e){
    // hier show ladebalken:
    $('#dein-ladebalken-container-div').show();
      e.preventDefault();
      $(".referenzendetails:hidden").slice(0, 3).show('slow', function() {
        // ladebalken hide
        $('#dein-ladebalken-container-div').hide();
      });
    if($(".referenzendetails:hidden").length == 0){
      // ladebalken hide
   $('#dein-ladebalken-container-div').hide();
      alert("Keine weitere Referenzen");
    }
  });
});

Wie du den eigentlichen Ladebalken einbauen musst, hängt von deinem vorhandenem Code ab. Hast du das vielleicht online?

Gruß Ulli

 

[Metty]

AW: Load more

ja habe mal alles hochgeladen...

hier der link :


habs jetzt soweit bekommen das er den ladebalken anzeigt nur zeigt er zu schnell an die sachen..

wollte das er sagen wir mal 3 sec den ladebalken anzeigt und dann den inhalt ausgibt..

MFG Metty

 

[hub]

AW: Load more

Das kannst du unkompliziert auch mit jQuery machen. Das Zauberwort ist

Bitte kostenlos registrieren, damit du die Links siehst.

, du kannst damit die Funktion hide() dann zeitversetzt ausführen ...

Gruß Ulli

 

[Metty]

AW: Load more

ahh super danke dir Ulli...


MFG Metty