Hi allemaal,

Ik ben met een team bezig met een nieuw concept, mijn developer op vakantie en wil hem niet storen vandaar dat ik de vraag hier stel:

In het screenshot zie je een "rotatie icon" nu wil ik graag dat deze ronddraait als de div met content (die is geblurred) geladen wordt (als alles geladen is moet het draaien stoppen). De content wordt uit een mysql database gehaald. Is dit mogelijk? en hoe kan ik dit het beste doen?

> Screenshot is hier te bekijken

Grt Stefan

//Toon geblurde content
//Toon ronddraaiende cirkel

$.ajax({
url: blaat.php,
method: 'get',
data: {id: 5554}
}).done(function(response){
//Verwerk response
//Zet response op geblurde gedeelte
//Stop met draaien
});

Thanks, ik ga het even proberen.

Ik kom er toch even op terug. Ik wil nu het volgende:

De div (de div heeft een ID) en die wil ik na 5 seconden laten refreshen middels jquery met fade out en weer laten infaden met fade in. Hoe kan ik dit het beste doen? Met de voorbeelden van Google kom ik er niet aan uit :(

Code:

$("#divid").fadeOut(function(){ //Fadeout
  //Inhoud div veranderen
  
  setTimeout(function(){ //timeout 5 seconden
    $("#divid").fadeIn()
  },5000);
});

Thanks!! Ik ga het ff proberen

Origineel gepost door Wilbert E.

Code:

$("#divid").fadeOut(function(){ //Fadeout
  //Inhoud div veranderen
  
  setTimeout(function(){ //timeout 5 seconden
    $("#divid").fadeIn()
  },5000);
});

Ik heb het geprobeerd, maar hij doet helaas niets.

Origineel gepost door Stefan_B

Ik heb het geprobeerd, maar hij doet helaas niets.

Het is ook geen copy past, maar een idee hoe je het moet doen.
Met fadeOut laat is je iets uitfaden. In de functie daarna kun je iets doen zodra het faden klaar is.
De settimeout plaatst een functie die uitgevoerd wordt naar 5 seconden. De divid's kloppen natuurlijk niet,.

ah oke dankje, ik zie net dat ik een interval moet toevoegen. Ga het even proberen. De ID had ik uiteraard aangepast ;)

Ik kom er helaas niet aan uit. Het scriptje van Wilbert is een goede aanzet naar hetgeen wat ik wil. Echter moet de div elke 15seconden ververst worden middels een interval.

Ik heb al wel wat dingen geprobeerd maar dan wordt de div tig-keer ingeladen en is vervolgens niet meer te zien, daarnaast moet er ook een fade-in en fade-out op komen van een paar seconden.

$("#divid").fadeOut(function(){ //Fadeout //Inhoud div veranderen setTimeout(function(){ //timeout 5 seconden $("#divid").fadeIn() },5000); });

Het blok met de blauwe icon moet ververst worden (althans die div) http://imgdump.nl/hosted/6bbe66b59bf...e97c746310.jpg

Zoiets moet het trouwens worden, alleen maak ik geen gebruik van een extern bestand dat ingeladen wordt. Alleen de div zelf moet verversen.

PHP Code:

var auto_refresh = setInterval(
function ()
 { $('#load_tweets').load('record_count.php').fadeIn("slow");
}, 10000); // refresh every 10000 milliseconds