Cainzer
Membre récent
 Hors-Ligne
Sexe: 
Messages: 3
 
|
Bonjour,
Cela fait des jours et des jours que je cherche à mettre en place un slideshow sur ma création wordpress que je fais en localhost en ce moment même.
A force de rechercher, je suis tombé sur ça : http://nivo.dev7studios.com/ , mais ce n'est pas tout bien sûr, il y a un tas de tutoriels sur le net qui vous expliquent comment faire. Seulement soit ces tutoriels ne sont pas assez précis, soit ils ne fonctionnent pas. Je voulais donc mettre un slideshow tout fait que je personnaliserais par la suite. Seulement même nivo slider je ne parviens pas à le mettre ! Pourriez vous m'expliquer précisément comment faire ?
Je sais qu'il existe un plugin wordpress pour nivo slider, mais je dois dire que je préfère, tant que cela est possible, le faire moi même. Or là je sais que c'est possible !
Pour vous résumer un peu la chose, je me base sur ça :http://nivo.dev7studios.com/support/jquery-plugin-usage/
Je met d'abord le fichier jquery.nivo.slider.pack.js et le fichier nivo-slider.css dans le dossier de mon thème. Je met <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script> |
|
entre les balises <head></head>. Ensuite je met : <div class="slider-wrapper">
<div id="slider" class="nivoSlider">
<img src="images/slide1.jpg" alt="" />
<a href="http://dev7studios.com"><img src="images/slide2.jpg" alt="" title="#htmlcaption" /></a>
<img src="images/slide3.jpg" alt="" title="This is an example of a caption" />
<img src="images/slide4.jpg" alt="" />
</div>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
|
|
dans le header, qui est bien dans le body. Là en théorie ça devrait fonctionner. Au lieu de cela les images que j'ai mise sont toutes présentes et le design du slider n'est même pas au rendez vous. Bref je ne sais plus quoi faire.
Voilà ! Pourriez vous m'aider s'il vous plait ? Merci d'avance. |
Auteur 
