Afficher l'image très lentement ... après page est complètement chargée ....Afficher l'image très lentement ... après page est complètement chargée
C'est,
fade in pour l'image, mais cette image doit montrer très lentement chargement de la page est terminée ....
en supposant que vous vouliez dire onload (tous les actifs ont téléchargé) et non domready (la page elle-même est prêt à aller):
$(window).load(function() {
$('img').fadeIn(10000); // 10 seconds
});
Cod e non testé. Ne pas oublier de définir des images pour avoir une opacité de 0 dans votre CSS lorsque vous démarrez.
approche alternative à @ Matchu de, encore besoin de l'opacité réglée sur css 0
$(document).ready(function() {
$('img').show(10000); // 10 seconds
});
EDIT: ce sera aussi animer la hauteur et la largeur, en plus de l'opacité.
Je ne pense pas que 'show' et' fadeIn' aient le même effet - cela dépend de ce qu'il veut vraiment. . – Matchu
$ (fenêtre) .load (function() { $ ('# livre') animés ({ opacité: 5.25, gauche: '+ = 50', hauteur: 'bascule' }, 5000, fonction() { // Animation terminée: }); }); avec cet extrait ... mais l'image doit montrer – Bharanikumar
@Matchu: de jquery docs: Lorsqu'une durée est fournie, .show() devient une méthode d'animation. La méthode .show() anime simultanément la largeur, la hauteur et l'opacité des éléments correspondants. – derek
> $ (fenêtre) .load (function() { > $ ('# book') animate ({height: 'show', l'opacité:. 'Show'}, 'slow'); > > }); J'ai essayé quelque chose comme ça – Bharanikumar