Discussion :

[PiPo123]

Bonjour,

J'aimerais savoir comment afficher une image de façon progressive (Progressive rendering).

J'ai bien trouvé des exemples en HTML sur des images JPGs sauvés avec l'attribut progressif activé mais lorsque j'ai voulu l'essayé ça n'a pas fonctionné. De toute façon ce n'est pas intéressant pour moi car les photos me sont fournis par les usagers et je devrai changer leur format et leur attribut progressif à chaque fois donc pas utilisable dans mon cas.

En ce moment les images proviennent d'un répertoire images dans mon projet de site web mais eventuellement elles proviendront d'une base données mise à jour par les usagers.

La solution du pauvre serait d'associer une fonction Java avec son Timer qui change la position largeur hauteur du plus petit au plus grand juste après avoir chargé l'image.

Je veux autant que possible utiliser les fonctions ASP.NET script Java et C# j'aime pas les librairies ou les contrôles supposément gratuit et qui ne le sont jamais ou sont dans certain cas de très mauvaise qualité et sans code source.

J'aimerais avoir un effet du genre pixelisation pas juste un balayage gauche droite comme j'ai vu dans un livre sur HTML (HTML tricks and ...? j'ai pas pris note) quoique ca pourrait être acceptable.

J'utilise la commande standard <asp:image ... />.

Je vais continuer à faire ma recherche et si je trouve j'ajouterai la réponse et fermerai la discussion.

Alors merci d'avance.
Pierre de Montréal

[lutecefalco]

Ya bien un framework javascript du style jQuery ou autre qui doit proposer cet effet

[hwoarang]

Salut,

Le but, c'est pas d'afficher l'image plus rapidement (en l'ayant seulement partiellement décodée). C'est juste un effet de style que tu veux, c'est ca ?
Si oui, tu peux regarder du coté des composants ajax le composant "animationextender" :
http://www.asp.net/ajax/ajaxcontrolt...Animation.aspx

Qui possede une propriété "fadein" qui permet d'afficher progressivement un composant.

a+

[PiPo123]

JQuery a bien des routines pour faire ça, la librairie est déjà installé avec VS2010 mais je ne l'avait jamais essayé, ces fonctions travaille sur l'opacité des éléments donc en relation direct avec les propriétées CSS ce qui dans certain peut causer des mots de tête à preuve aller voir les commentaires des usagers qui se plaignent que les fonctions ne fonctionne pas, elles fonctionnent mais il faut être très très vigilent sur les propriéties hérités.

-> http://api.jquery.com/category/effects/fading/

J'ai découvert les JavaScripts et c'est assez facile d'écrire un script qui peut donner un effet de rendu progressif c'est ce que je suis en train de terminer.

Allez voir l'excellent site http://www.w3schools.com/js/default.asp pour voir et tester en ligne des exemples de code JavaScript. Super bon.

J'ai juste un petit problème avec mon JavaScript pour affecter un image background à partir d'une autre image et non pas à partir d'un URL

Normalement on fait ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("Cell1").style.backgroundImage = "url('Images/klematis_small.jpg')";

mais mois je veux quelque chose comme ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("Cell1").style.backgroundImage = document.getElementById("Img1");

donc l'image d'arrière plan provient d'une autre image et non pas d'un URL attention j'ai tout essayé et je n'ai pas encore trouvé mais je vais créer une discussion pour ça incessament.

Je n'ai pas eu le temps d'essayer les animations AJAX comme conseillé mais ça semble intéressant.
Merci.

[lutecefalco]

Attention à ne pas employer le terme java au lieu de javascript, ça n'a rien à voir

[PiPo123]

J'ai fait les modifications j'espère que c'est correct

Merci.