Mise en place de Vegas Background Slideshow

Fermé
fabrice88250 Messages postés 24 Date d'inscription vendredi 3 août 2007 Statut Membre Dernière intervention 14 juin 2018 - 5 nov. 2015 à 20:36
PRNE555 Messages postés 15 Date d'inscription vendredi 6 novembre 2015 Statut Membre Dernière intervention 24 mars 2016 - 6 nov. 2015 à 22:33
Bonjour,
j'essaie désespérément de mettre en place sur mon site le Vegas Background Slideshow proposé ici http://vegas.jaysalvat.com/
... je n'y arrive pas !
j'ai télécharger la dernière version, suivie la doc pour l'installation mais... sa ne fonctionne pas je n'ai pas mes image en background... rien

Si quelqu'un pouvait m'aider pour mettre le systeme en place je lui en serai reconnaissant.

pour le moement je fais mon test sur un page vierge avec le code proposé :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>monsite</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:500' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link rel="stylesheet" href="/vegas/vegas.min.css">
<script src="/vegas/vegas.min.js"></script>

<script type="text/javascript" >
$elmt.vegas({
delay: 2000,
timer: false,
shuffle: true,
transition: 'slideDown2',
transitionDuration: 2000,
slides: [
{ src: '/images/pink.jpg' },
{ src: '/images/pink1.jpg' }
]
});
</script>

</head>

<body>

<p> Contenu de mon site</p>

</body>
</html>


Merci de votre aide !
A voir également:

1 réponse

PRNE555 Messages postés 15 Date d'inscription vendredi 6 novembre 2015 Statut Membre Dernière intervention 24 mars 2016 2
6 nov. 2015 à 22:33
Salut,

essaye en plaçant ce code
<script type="text/javascript" >
$elmt.vegas({
    delay: 2000,
    timer: false,
    shuffle: true,
    transition: 'slideDown2',
    transitionDuration: 2000,
    slides: [
        { src: '/images/pink.jpg' },
        { src: '/images/pink1.jpg' }
    ]
});
</script>


en dessous de ton
</body>


En espérant t'avoir aidé !
0