Vegas Slideshow

6ro Messages postés 15 Date d'inscription Statut Membre Dernière intervention -
6ro Messages postés 15 Date d'inscription Statut Membre Dernière intervention - 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.

Afficher la suite

A voir également:

Vegas Slideshow
Thundersoft free slideshow maker - Télécharger - Visionnage & Diaporama
Sony vegas pro gratuit - Télécharger - TV & Vidéo
Gangstar vegas - Télécharger - Action & Aventure
Movavi slideshow maker gratuit - Télécharger - Visionnage & Diaporama
Bolide slideshow creator - Télécharger - Visionnage & Diaporama

6 réponses

Réponse 1 / 6

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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 )

Réponse 2 / 6

6ro Messages postés 15 Date d'inscription Statut Membre Dernière intervention

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.

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Et les incluses de tes scripts je ?

Réponse 3 / 6

6ro Messages postés 15 Date d'inscription Statut Membre Dernière intervention

Oui, j'ai bien chargé tous les scripts.

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Faut croire que non.... sinon tu n'aurais pas ce message. .......

Poste ton code !!

Réponse 4 / 6

6ro Messages postés 15 Date d'inscription Statut Membre Dernière intervention

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

Réponse 5 / 6

6ro Messages postés 15 Date d'inscription Statut Membre Dernière intervention

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)

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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)

6ro Messages postés 15 Date d'inscription Statut Membre Dernière intervention > jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention

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 !!!

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752 > 6ro Messages postés 15 Date d'inscription Statut Membre Dernière intervention

Ce qui est valable pour le JS l'est aussi pour le CSS :
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

Réponse 6 / 6

6ro Messages postés 15 Date d'inscription Statut Membre Dernière intervention

Ça ne fonctionne pas non plus...

Discussions similaires

casino vegas 32? PRATIQUES LEGALES?

retrait casino 32 vegas

EDIT : Ajout des balises de code (jordane)

EDIT : Ajout des balises de code ....

ENCORE !!!

Votre réponse

Discussions similaires