Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: deedeepoker le le 08-11-2010 a 15:04:21

Titre: préchargement d'images
Posté par: deedeepoker le le 08-11-2010 a 15:04:21

Bonjour,

Tout d'abord, je tiens à signaler que je n'ai aucune compétences dans la création de sites... :) cependant, je suis entrain d'en créer un... ce qui n'est pas facile. Bref, j'ai une question, concernant les images. sur le site que je crée, il y a pas mal d'images, et j'aimerai autant que possible qu'elles soient de bonne qualité, donc avec une résolution assez importante. Et qui dit haute résolution, dit un poids lourd...

Donc, ma question est la suivante : existe il un moyen de précharger les images dés qu'on accède au site?

le site en question est > www.victoiredaumont.fr

et le préchargement d'images me serait utile pour les pages E-Shop.

Merci d'avance.

Et une question suplémentaire tant que j'y suis, faut il faire quelque chose de particulier sur le code lorsqu'on utilise les boutons paypal? du genre existe il un moyen de bloquer l'acces au code source...? :)

Merci d'avance.

Amicalement.
Hugo.

Titre: Re:préchargement d'images
Posté par: Pad le le 10-11-2010 a 08:43:48

Pour ta première question, le mieux est de toutes les charger à l'ouverture de la page mais de ne pas les afficher :


Code:
<div style="display:none">
<img src="image1.jpg" title="image 1" />
<img src="image2.jpg" title="image 2" />
<img src="image3.jpg" title="image 3" />
...
</div>


Pour la question, rien de particulier à faire, le bouton "Acheter" est déjà crypté.

Titre: Re:préchargement d'images
Posté par: deedeepoker le le 10-11-2010 a 12:17:39

Merci pour ta réponse Pad, je vais tester ça dans la journée. cette commande, je la met sur ma page index?

Merci.

Titre: Re:préchargement d'images
Posté par: devblog le le 01-12-2010 a 20:24:11

Tu peux également indiquer aux utilisateurs que les images sont en cours de chargement à l'aide de Javascript (jQuery), j'ai crée un petit article à ce sujet. Assez pratique et facile à mettre en place :
http://www.devblog.fr/2010/12/01/difference-window-load-document-ready/ (http://www.devblog.fr/2010/12/01/difference-window-load-document-ready/)


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.