IntroductionWith nombreux Web galeries d'images, lorsque vous regardez un ensemble d'images et vous cliquez sur un bouton pour voir un autre ensemble, le nouvel ensemble prend du temps à arriver et s'installer. Dans beaucoup de ces sites Web lorsque vous essayez d'agrandir une image, il faudra du temps avant de voir l'image agrandie. Dans cet article, je vous montre comment produire la nouvelle série d'images rapides et comment agrandir les images rapide.
Tout cela est grâce à la CSS "display: none" paire propriété /valeur, l'utilisation de l'attribut source de l'image et de la nouvelle technologie appelée Active Client pages.You besoin des connaissances de base en HTML, CSS et JavaScript afin de comprendre cet article. Les principes de cet article fonctionnent avec Opera 9 et peuvent être les dernières versions de nouvelle browsers.Note: Si vous ne pouvez pas voir le code ou si vous pensez que quelque chose manquait (lien brisé, l'image absente), contactez-moi au forchatrans @ yahoo. com.
Voilà, me contacter pour le moindre problème que vous avez à propos de ce que vous êtes reading.The actuel ProblemImages prendre généralement du temps à télécharger. Si le nouvel ensemble d'images ou l'image agrandie doit venir à partir du serveur, tandis que l'utilisateur consulte la galerie, alors le temps serait pris pour les images pour arriver à l'ordinateur client. C'est le problème; le temps pour l'image de se déplacer à partir du serveur à la solution de browser.SolutionThe client réside avec la nouvelle technologie appelée Pages de clients actifs.
Pages client actif est une technologie où l'information suivante à afficher au niveau du navigateur, est traitée au niveau du navigateur. Les données pour cette information suivante doit être téléchargé à l'avance, probablement avec la première information (page web) téléchargé. Donc, si vous avez 60 images pour votre galerie pour être affiché sur une page particulière, vous savez que l'utilisateur va commencer à regarder le premier 5 ou plus; vous téléchargez le premier 5 avec la page web. Alors que l'utilisateur est à la recherche à la première 5, le reste sont téléchargés à l'arrière-plan.
Au moment où l'utilisateur veut que le repos ou la prochaine série d'images, ils sont déjà au niveau du navigateur. Le temps perdu pour télécharger le jeu suivant (ou de repos) des images serait pas wasted.A ProjectI utiliser un projet d'illustration. Vous pouvez modifier le projet pour vos fins commerciales. Dans ce projet,