Image d'accueil

Fermé
AdrienC - 22 janv. 2015 à 12:46
 AdrienC - 22 janv. 2015 à 15:32
Bonjour,

Je travaille actuellement sur le design de l'entreprise ou je travaille et j'aimerais créer un effet un peu spécial pour la page d'accueil. Je ne suis pas calé en langage informatique etc mais si vous pouviez m'aider ca serait sympa.

J'aimerai faire en sorte que quand quelqu'un arrive sur le site web, une image recouvrant l'écran apparaisse, ou je pourrais présenter tres brievement les produits avec une mention style "accéder au site", qui quand on clique dessus, fait disparaitre l'image pour pouvoir accéder a l'accueil du site.

Je voulais donc savoir si avec mes quelques compétences informatiques c'était faisable et si oui comment ?

ps: le site est hébergé par bigcommerce si quelqu'un connqit ou utilise cette plateforme

Merci beaucoup,
Adrien



A voir également:

1 réponse

Kopros Messages postés 597 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 89
22 janv. 2015 à 13:41
Je pense que le plus simple c'est de prendre une bibliothèque qui existe déjà pour faire ça.
Il faut que tu t'y connaisses un minimum en html pour mettre les balises dans la page d'accueil, et que les chemins vers les fichiers soient corrects.

La bibliothèque à laquelle je pense s'appelle Fancybox.
Ils disent comment l'utiliser sur cette page : http://fancybox.net/howto
Y'a aussi le lien de téléchargement sur la droite.

Pour ce que tu veux faire, au point 4 de l'howto, au lieu de faire ça :
<a id="single_image" href="image_big.jpg"><img src="image_small.jpg" alt=""/></a>


Tu fais ça :
<a id="single_image" href="image_big.jpg"></a>


Et pour le js qu'ils donnent au point 5, tu le mets soit dans un fichier externe, soit dans une balise de ta page :
<script type="text/javascript">
// mets ici le code qu'ils donnent
</script>


Et pour que ça se lance tout seul, il faut que t'ajoute cette ligne après leur code (à l'intérieur de la balise script si tu l'utilises) :
$('#single_image').trigger('click');


Voilà, bon courage !
0
Salut Kopros,

Merci pour ta réponse, je vais tester ca de suite :)
0