Sujet Précédent Sujet Suivant

Intégrer mon slider jquery à ma page et le faire tourner en boucle

lallanana87 - 30 août 2012 à 21:18
bencoandco Messages postés 165 Date d'inscription samedi 8 mai 2010 Statut Membre Dernière intervention 3 janvier 2015 - 30 sept. 2012 à 17:41

HELLLLP !!!!!
Bonjour à tous, je viens de m'inscrire ici mais je viens souvent sur ce site!!!
Je vous expose mon problème: J'essaie de faire un site web avec dreamweaver et j'ai envie de faire un slider jquery comme bannière je l'ai vu sur un site j'ai adoré... BREF aprèssss des jours à essayer de comprendre quelque chose je suis arrivée à ça:

http://www.emiliecapel.com/test.htm

Voila mon code:

<head><script async="" src="fichiers/jquery-c.js"></script>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="fichiers/nivo-slider.css" type="text/css" media="screen">
    <style type="text/css">

#slider-wrapper {
    width:913px;
    height:232px;
}

#slider {
position:relative;
    width:913px;
    height:232px;
background:url(http://www.emiliecapel.com/fichiers/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}

.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://www.emiliecapel.com/fichiers/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}

.welcome {	
font-family: Arial;
font-size: 10px;
color: #F4F4F4;
padding-left: 35px;
padding-right: 90px;
padding-top: 0px;
text-align: justify;
}
    </style>
</head>

<center>
<!-- Save for Web Slices (StarsZZ Exclusive WP Theme.psd) -->
   
 
 

PrevNext

<script type="text/javascript" src="fichiers/jquery-1.js"></script>
<script type="text/javascript" src="fichiers/jquery.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>,
,

----

,
,
,


<!-- End Save for Web Slices -->


</center>

</html>

Je voudrais maintenant intégrer cela à ma page de base que voila:

http://www.emiliecapel.com/essai.htm

Comme je travaille pas trop avec les codes mais plutot en mode CREATION sur dreamweaver et que j'y connais pas grand choses en codes et tout ca est ce que quelqu'un pourrai me dire comment mettre mon slider mais juste de la bonne largeur et hauteur, dans ma page, à la place de la bannière.
Et si possible que faire pour que mon slide tourne en boucle?
HELLLP je suis en train de devenir folle j'y comprends riennnnn

A voir également:

Jquery diaporama
Diaporama image jquery - Conseils pratiques -Javascript
Diaporama javascript fondu - Forum Javascript / DHTML
Canvas diaporama - Forum Java
Jquery select option ✓ - Forum Javascript / DHTML
Jquery animation - Conseils pratiques -Javascript

2 réponses

Réponse 1 / 2

lallanana87
9 sept. 2012 à 10:26

personne peut m'aider?

Réponse 2 / 2

bencoandco Messages postés 165 Date d'inscription samedi 8 mai 2010 Statut Membre Dernière intervention 3 janvier 2015
30 sept. 2012 à 17:41

Bonjour,

Il faut isoler le code utile et intégrer le code css (contenu dans les balises <style>) dans la feuille de style .css.

Enlever les balise htm,body, head puis copier ce code dans une div de ta page d'accueil.

Bonne chance.

Discussions similaires

diaporama image

Automatiser en boucle l'affichage d'un défilement auto pour .pdf sous A Reader

defilement automatique pdf en boucle

faire une boucle pour creer des pdf

fondu enchainé dans transition d'image

Votre réponse

Discussions similaires