Installer le plugin jquery

Je suis un novice et j'essaie de créer une galerie de carrousel sur un site Web.Installer le plugin jquery

J'ai essayé d'obtenir owlcarousel pour travailler maintenant. J'ai lu de nombreux messages et comment, mais je ne comprends pas ce que je fais mal.

Le site est http://www.vicandross.com/victoriaaustin

et le code est

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title>Victoria Austin</title> 

<head> 

<link rel="stylesheet" type="text/css" href="_ui/css/screen.css"></link> 

<link rel="icon" type="image/png" href="http://vicandross.com/_ui/images/vricon.png"></link> 


<link rel="stylesheet" href="/owl-carousel/owl.carousel.css"></link> 

<link rel="stylesheet" href="/owl-carousel/owl.theme.css"></link> 

</head> 

<body> 

<div class="logo_row" style="background:#ffdacf;padding:0"> 
<div style="width:996px;text-align:center;margin:0 auto;background:#ffdacf;padding:20px 0"> 
<a href="/"> 
<img alt="victoria austin" src="http://www.vicandross.com/victoriaaustin/_ui/image/logo.png">  
</img> 
</a> 
</div> 
</div> 


<div id="owl-example" class="owl-carousel"> 
<div> <img src="http://www.vicandross.com/victoriaaustin/_ui/images/logo.png"></img></div> 
<div> <img src="http://www.vicandross.com/victoriaaustin/_ui/images/cookies3.jpg"></img></div> 
</div> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1 /jquery.min.js"></script> 
<script type="text/javascript" src="/owl-carousel/owl.carousel.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
$("#owl-example").owlCarousel(); 
items: 1, 
    loop: true, 
    margin: 10, 
    lazyLoad: true, 
    merge: true, 
    video: true, 
    responsive:{ 
    480:{ 
     items:2 
}, 

678:{ 
    items:3 
}, 

960:{ 
    items:5 
} 
} 
    }); 
</script> 



</body> 
</html>

J'apprécierais vraiment des conseils de quelqu'un.

Merci

Source

2014-05-15 user3641990

Sur votre site web '/ owl-carousel/owl.carousel.js' lance __404__. S'il vous plaît fournir plus de détails. Où se trouve ce fichier sur votre disque par rapport à votre script? Faites-vous des réécritures sur le serveur HTTP? – ElmoVanKielmo

@ElmoVanKielmo merci, j'utilisais le mauvais nom de dossier (pas de trait d'union). – user3641990

@DaveNewton Le fichier était à victoriaaustin/owlcarousel/not/owlcarousel/(le fichier index est sur www.vicandross.com/victoriaaustin) et j'ai donc corrigé cela. Je viens de regarder la console web dans firefox et il dit: "TypeError: $ (...). OwlCarousel n'est pas une fonction" – user3641990

Exactement ce que la console JS vous dit; vous avez un objet mal formé autour de la ligne 41-43:

$(document).ready(function() { 
    $("#owl-example").owlCarousel(); 
    items: 1, 
    loop: true,

Vous ne pouvez pas commencer au hasard en utilisant la syntaxe littérale objet au milieu de la source.

Vouliez-vous dire de passer un objet à la méthode owlCarousel(), par exemple,

$("#owl-example").owlCarousel({ 
    items: 1, 
    loop: true, 
    ... etc ... 
});

Rien à voir avec la question: pour poser une question à laquelle vous devez fournir des informations exploitables, par exemple, ce qui se passe, ce qui est supposé se produire, des informations de la console JS (dans des cas comme celui-ci où il s'agit d'une interaction HTML/JS), et ainsi de suite.

Source

2014-05-15 18:02:42

Ouais, cela permettrait de résoudre le problème si le carrousel js et CSS étaient accessibles par votre navigateur ... – ElmoVanKielmo

@ElmoVanKielmo Oui, cela semble également être un problème :) –

@DaveNewton Merci d'avoir pris le temps d'offrir. Je tiendrai compte de vos conseils sur le type d'informations que je dois donner lors de la publication. – user3641990

Vous recherchez les fichiers plugins js et css dans le dossier owl-carrousel. Votre dossier s'appelle en fait owlcarousel. Pas de trait d'union

Source

2014-05-15 18:11:50

C'est un problème, mais pas la raison de l'erreur de syntaxe sur le chargement de la page. –

@DanaK Merci! – user3641990

Installer le plugin jquery

Répondre

Questions connexes