Vegas Slideshow
Fermé
6ro
Messages postés
15
Date d'inscription
mercredi 2 novembre 2016
Statut
Membre
Dernière intervention
21 octobre 2018
-
4 nov. 2016 à 16:57
6ro Messages postés 15 Date d'inscription mercredi 2 novembre 2016 Statut Membre Dernière intervention 21 octobre 2018 - 6 nov. 2016 à 06:47
6ro Messages postés 15 Date d'inscription mercredi 2 novembre 2016 Statut Membre Dernière intervention 21 octobre 2018 - 6 nov. 2016 à 06:47
Bonjour,
si quelqu'un peut m'aider avec Vegas Slideshow je suis preneur. J'ai fait un test sur une page : http://www.6ro.fr/test/test.htmlmais ça ne fonctionne pas !!!
Merci.
si quelqu'un peut m'aider avec Vegas Slideshow je suis preneur. J'ai fait un test sur une page : http://www.6ro.fr/test/test.htmlmais ça ne fonctionne pas !!!
Merci.
A voir également:
- Vegas Slideshow
- Thundersoft free slideshow maker - Télécharger - Visionnage & Diaporama
- Sony vegas pro 13 - Télécharger - TV & Vidéo
- Gangstar vegas pc - Télécharger - Action & Aventure
- Movavi slideshow maker gratuit - Télécharger - Visionnage & Diaporama
- Free bolide slideshow creator - Télécharger - Visionnage & Diaporama
6 réponses
jordane45
Messages postés
38337
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
8 décembre 2024
4 714
4 nov. 2016 à 17:01
4 nov. 2016 à 17:01
Bonjour,
Commence par afficher la console de ton navigateur... et regarde si il n'y aurait pas un message d'erreur.
(je peux déjà te dire que oui.. il y en a un : "TypeError: $.vegas is not a function" )
Donc là .. visiblement... tu as mal chargé un script dans ta page.....
NB: Pour obtenir de l'aide, pense à poster SUR LE FORUM, le code qui pose problème. (à savoir.. celui de ta page )
Commence par afficher la console de ton navigateur... et regarde si il n'y aurait pas un message d'erreur.
(je peux déjà te dire que oui.. il y en a un : "TypeError: $.vegas is not a function" )
Donc là .. visiblement... tu as mal chargé un script dans ta page.....
NB: Pour obtenir de l'aide, pense à poster SUR LE FORUM, le code qui pose problème. (à savoir.. celui de ta page )
6ro
Messages postés
15
Date d'inscription
mercredi 2 novembre 2016
Statut
Membre
Dernière intervention
21 octobre 2018
4 nov. 2016 à 17:08
4 nov. 2016 à 17:08
Salut,
comme code j'ai mis ça :
<script>
$(function() {
$.vegas({
slides: [
{ src: "/img/slide1.jpg" },
{ src: "/img/slide2.jpg" },
{ src: "/img/slide3.jpg" },
{ src: "/img/slide4.jpg" }
]
});
$.vegas('overlay', {
src:'script/overlays/01.png'
});
});
</script>
Si ça n'est pas une fonction que mettre ? Je débute.
Le site de Vegas propose ça :
$("#example, body").vegas({
slides: [
{ src: "/img/slide1.jpg" },
{ src: "/img/slide2.jpg" },
{ src: "/img/slide3.jpg" },
{ src: "/img/slide4.jpg" }
]
});
Mais ça ne fonctionne pas non plus.
Merci.
comme code j'ai mis ça :
<script>
$(function() {
$.vegas({
slides: [
{ src: "/img/slide1.jpg" },
{ src: "/img/slide2.jpg" },
{ src: "/img/slide3.jpg" },
{ src: "/img/slide4.jpg" }
]
});
$.vegas('overlay', {
src:'script/overlays/01.png'
});
});
</script>
Si ça n'est pas une fonction que mettre ? Je débute.
Le site de Vegas propose ça :
$("#example, body").vegas({
slides: [
{ src: "/img/slide1.jpg" },
{ src: "/img/slide2.jpg" },
{ src: "/img/slide3.jpg" },
{ src: "/img/slide4.jpg" }
]
});
Mais ça ne fonctionne pas non plus.
Merci.
jordane45
Messages postés
38337
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
8 décembre 2024
4 714
4 nov. 2016 à 17:43
4 nov. 2016 à 17:43
Et les incluses de tes scripts je ?
6ro
Messages postés
15
Date d'inscription
mercredi 2 novembre 2016
Statut
Membre
Dernière intervention
21 octobre 2018
4 nov. 2016 à 17:51
4 nov. 2016 à 17:51
Oui, j'ai bien chargé tous les scripts.
jordane45
Messages postés
38337
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
8 décembre 2024
4 714
4 nov. 2016 à 18:11
4 nov. 2016 à 18:11
Faut croire que non.... sinon tu n'aurais pas ce message. .......
Poste ton code !!
Poste ton code !!
6ro
Messages postés
15
Date d'inscription
mercredi 2 novembre 2016
Statut
Membre
Dernière intervention
21 octobre 2018
4 nov. 2016 à 18:20
4 nov. 2016 à 18:20
Là je ne peux pas, mais tu peux facilement afficher le code source de ma page.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
6ro
Messages postés
15
Date d'inscription
mercredi 2 novembre 2016
Statut
Membre
Dernière intervention
21 octobre 2018
Modifié par jordane45 le 5/11/2016 à 10:49
Modifié par jordane45 le 5/11/2016 à 10:49
Salut,
voici mon code :
voici mon code :
<!DOCTYPE html> <!-- saved from url=(0050)[http://getbootstrap.com/examples/starter-template/] --> <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="[http://getbootstrap.com/favicon.ico%22> http://getbootstrap.com/favicon.ico">|nofollow] <title>Starter Template for Bootstrap</title> <!-- Bootstrap core CSS --> <link href="script/bootstrap.min.css" rel="stylesheet"> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <link href="script/ie10-viewport-bug-workaround.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="script/starter-template.css" rel="stylesheet"> <link rel="stylesheet" href="script/vegas.min.css"> <link rel="stylesheet" href="script/vegas.css"> <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <script src="script/ie-emulation-modes-warning.js"></script> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="[https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js%22></script> https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>|nofollow] <script src="[https://oss.maxcdn.com/respond/1.4.2/respond.min.js%22></script> https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>|nofollow] <![endif]--> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="[http://getbootstrap.com/examples/starter-template/#%22 http://getbootstrap.com/examples/starter-template/#" rel="nofollow noopener noreferrer" target="_blank"|nofollow]>Project name</a> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="[http://getbootstrap.com/examples/starter-template/#%22 http://getbootstrap.com/examples/starter-template/#" rel="nofollow noopener noreferrer" target="_blank"|nofollow]>Home</a></li> <li><a href="[http://getbootstrap.com/examples/starter-template/#about%22 http://getbootstrap.com/examples/starter-template/#about" rel="nofollow noopener noreferrer" target="_blank"|nofollow]>About</a></li> <li><a href="[http://getbootstrap.com/examples/starter-template/#contact%22 http://getbootstrap.com/examples/starter-template/#contact" rel="nofollow noopener noreferrer" target="_blank"|nofollow]>Contact</a></li> </ul> </div><!--/.nav-collapse --> </div> </nav> <div class="container"> <div class="starter-template"> <h1>Bootstrap starter template</h1> <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> </div> </div><!-- /.container --> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="script/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src="script/bootstrap.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="script/ie10-viewport-bug-workaround.js"></script> <script src="script/vegas.min.js"></script> <script src="script/vegas.js"></script> <script src="script/jquery.js"></script> <script src="[http://zeptojs.com/zepto.min.js%22></script> http://zeptojs.com/zepto.min.js"></script>|nofollow] <script> $(function() { $.vegas({ slides: [ { src: "/img/slide1.jpg" }, { src: "/img/slide2.jpg" }, { src: "/img/slide3.jpg" }, { src: "/img/slide4.jpg" } ] }); $.vegas('overlay', { src:'script/overlays/01.png' }); }); </script> </body></html>
EDIT : Ajout des balises de code (jordane)
jordane45
Messages postés
38337
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
8 décembre 2024
4 714
5 nov. 2016 à 10:54
5 nov. 2016 à 10:54
Oula....
Tu charges un peu trop de choses ....
Ou tu prends les MIN ou pas ... mais pas les deux.
Par exemple :
Tu ne dois 'en charger qu'un des deux !
Idem pour les JQUERY. ( que tu devrais charger AVANT les autres au passage)
Tu charges un peu trop de choses ....
Ou tu prends les MIN ou pas ... mais pas les deux.
Par exemple :
<script src="script/vegas.min.js"></script> <script src="script/vegas.js"></script>
Tu ne dois 'en charger qu'un des deux !
Idem pour les JQUERY. ( que tu devrais charger AVANT les autres au passage)
6ro
Messages postés
15
Date d'inscription
mercredi 2 novembre 2016
Statut
Membre
Dernière intervention
21 octobre 2018
>
jordane45
Messages postés
38337
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
8 décembre 2024
Modifié par jordane45 le 5/11/2016 à 17:54
Modifié par jordane45 le 5/11/2016 à 17:54
Salut,
j'ai fais ce que tu as dis et j'ai remis en ligne http://www.6ro.fr/test/test.html , mais je toujours la même erreur : Uncaught TypeError: $.vegas is not a function(…)
Voilà mon code, merci :
j'ai fais ce que tu as dis et j'ai remis en ligne http://www.6ro.fr/test/test.html , mais je toujours la même erreur : Uncaught TypeError: $.vegas is not a function(…)
Voilà mon code, merci :
<!DOCTYPE html> <!-- saved from url=(0050)[http://getbootstrap.com/examples/starter-template/] --> <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="[http://getbootstrap.com/favicon.ico%22> http://getbootstrap.com/favicon.ico">|nofollow] <title>Starter Template for Bootstrap</title> <!-- Bootstrap core CSS --> <link href="script/bootstrap.min.css" rel="stylesheet"> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <link href="script/ie10-viewport-bug-workaround.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="script/starter-template.css" rel="stylesheet"> <link rel="stylesheet" href="script/vegas.min.css"> <link rel="stylesheet" href="script/vegas.css"> <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <script src="script/ie-emulation-modes-warning.js"></script> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="[https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js%22></script> https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>|nofollow] <script src="[https://oss.maxcdn.com/respond/1.4.2/respond.min.js%22></script> https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>|nofollow] <![endif]--> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="[http://getbootstrap.com/examples/starter-template/#%22 http://getbootstrap.com/examples/starter-template/#" rel="nofollow noopener noreferrer" target="_blank"|nofollow]>Project name</a> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="[http://getbootstrap.com/examples/starter-template/#%22 http://getbootstrap.com/examples/starter-template/#" rel="nofollow noopener noreferrer" target="_blank"|nofollow]>Home</a></li> <li><a href="[http://getbootstrap.com/examples/starter-template/#about%22 http://getbootstrap.com/examples/starter-template/#about" rel="nofollow noopener noreferrer" target="_blank"|nofollow]>About</a></li> <li><a href="[http://getbootstrap.com/examples/starter-template/#contact%22 http://getbootstrap.com/examples/starter-template/#contact" rel="nofollow noopener noreferrer" target="_blank"|nofollow]>Contact</a></li> </ul> </div><!--/.nav-collapse --> </div> </nav> <div class="container"> <div class="starter-template"> <h1>Bootstrap starter template</h1> <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> </div> </div><!-- /.container --> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="script/jquery.js"></script> <script src="script/bootstrap.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="script/ie10-viewport-bug-workaround.js"></script> <script src="script/vegas.js"></script> <script> $(function() { $.vegas({ slides: [ { src: "/img/slide1.jpg" }, { src: "/img/slide2.jpg" }, { src: "/img/slide3.jpg" }, { src: "/img/slide4.jpg" } ] }); $.vegas('overlay', { src:'script/overlays/01.png' }); }); </script> </body></html>
EDIT : Ajout des balises de code ....
ENCORE !!!
jordane45
Messages postés
38337
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
8 décembre 2024
4 714
>
6ro
Messages postés
15
Date d'inscription
mercredi 2 novembre 2016
Statut
Membre
Dernière intervention
21 octobre 2018
5 nov. 2016 à 18:01
5 nov. 2016 à 18:01
Ce qui est valable pour le JS l'est aussi pour le CSS :
lignes 26 et 27
Tu peux essayer de remplacer ton $.vegas
par
lignes 26 et 27
<link rel="stylesheet" href="script/vegas.min.css"> <link rel="stylesheet" href="script/vegas.css">
Tu peux essayer de remplacer ton $.vegas
par
$('body').vegas
6ro
Messages postés
15
Date d'inscription
mercredi 2 novembre 2016
Statut
Membre
Dernière intervention
21 octobre 2018
6 nov. 2016 à 06:47
6 nov. 2016 à 06:47
Ça ne fonctionne pas non plus...