Vegas Slideshow
6ro
Messages postés
15
Statut
Membre
-
6ro Messages postés 15 Statut Membre -
6ro Messages postés 15 Statut Membre -
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.
6 réponses
-
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 )
-
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. -
-
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 -
Salut,
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)
-
Oula....
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)- 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 :<!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 !!!
-
-
