Création d’un diaporama JQuery d’une image d’arrière-plan

J’ai un élément qui sert de bannière sur mon site web. Cette bannière contient du contenu HTML, mais utilise une image haute résolution comme image d’arrière-plan. Pour cette raison, je charge la dernière image d’arrière-plan et la passe en fondu après son téléchargement. Mon code ressemble à ceci:

 
 
[Some Text]
 
 
 
[Site Menu Goes Here]
 
 
  $(document).ready(function () { $("#bannerTable").loadBGImage("/picture1.png"); }); $.fn.loadBGImage = function (url) { var t = this; $('') .attr('src', url) .load(function () { t.each(function () { $(this).hide(); $(this).css('backgroundImage', 'url(' + url + ')'); $(this).fadeIn(); }); }); return this; }  

Même avec cela, mon site Web semble statique. Pour cette raison, je souhaite parcourir plusieurs images haute résolution au moment de l’exécution. Ces images haute résolution seront utilisées dans le bannerTable comme image d’arrière-plan. Je veux qu’ils se fondent en fondu dans la boucle.

Comment puis-je faire cela avec jQuery?

• Format DateTime selon la culture de MVC
• Composants de désactivation ou gains de performances des modèles
• Sélection de div dans un menu déroulant personnalisé à l’aide du clavier (touches Haut, Bas et Entrée)
• Les données $ .ajax n’affichent pas la valeur spécifiée dans $ _POST
• jQuery / Ajax: utilisation de ajax pour remplir des zones de sélection dans un formulaire dynamic

• Erreur de validation ASP MVC DateTime
• jQuery – déclenche même en cliquant sur la liste mais pas sur les cases à cocher incorporées
• Ajuster la largeur des cellules d’un tableau HTML à l’aide de jQuery
• Arrêt d’un événement de flou sur le clic d’un lien hypertexte
• Comment obtenir des valeurs d’entrées de même classe en utilisant JQuery chacune?

 var interval = 0; var intervalTimer = setInterval( function(){ if (++interval > 10) {interval = 1} $("#bannerTable").loadBGImage("/picture" + interval + ".png"); } , 60000 );