[Performance] Pour un slider fluide sur le forum Création de sites web - 21-10-2014 10:48:18 - page 2

Liste des sujets

[Performance] Pour un slider fluide

xXblackRubisXx

Niveau 9

21 octobre 2014 à 10:48:18

En ayant copié tout comme un barbare , je n'arrive toujours pas à faire ressortir le slider )= J'ai essayé de l'incorporer juste avant et c'est pire. Voila un fichier HTML vierge dans lequel j'ai tout mis, mais impossible d'avoir un slider

<!DOCTYPE html>
<html>

<head>
<title> Rubix Page Perso </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="CSShome.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>

#slides .slidesjs-navigation {
margin-top:5px;
}
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
background-image: url(http://slidesjs.com/examples/playing/img/btns-
next-prev.png);

background-repeat: no-repeat;
display:block;
width:12px;
height:18px;
overflow: hidden;
text-indent: -9999px;
float: left;
margin-right:5px;
}

a.slidesjs-next {
margin-right:10px;
background-position: -12px 0;
}

a:hover.slidesjs-next {
background-position: -12px -18px;
}

a.slidesjs-previous {
background-position: 0 0;
}

a:hover.slidesjs-previous {
background-position: 0 -18px;
}

a.slidesjs-play {
width:15px;
background-position: -25px 0;
}

a:hover.slidesjs-play {
background-position: -25px -18px;
}

a.slidesjs-stop {
width:18px;
background-position: -41px 0;
}

a:hover.slidesjs-stop {
background-position: -41px -18px;
}
.slidesjs-pagination {
margin: 7px 0 0;
float: right;
list-style: none;
}

.slidesjs-pagination li {
float: left;
margin: 0 1px;
}

.slidesjs-pagination li a {
display: block;
width: 13px;
height: 0;
padding-top: 13px;
background-image: url(http://slidesjs.com/img/pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
background-position: 0 -26px
}

#slides a:link,
#slides a:visited {
color: #333
}

#slides a:hover,
#slides a:active {
color: #9e2020
}

.navbar {
overflow: hidden
}

</style>

</body>

</html>

xXblackRubisXx

Niveau 9

21 octobre 2014 à 10:53:52

Je viens d'essayé avec d'autre image que j'ai placé au même endroit que mon fichier :

...

...

xXblackRubisXx

Niveau 9

21 octobre 2014 à 10:54:11

sans résultats concluant

Kimpeek

Niveau 10

21 octobre 2014 à 11:03:04

salut il manque jquery et le fichier js de "slidejs"

Tu dois ajouter

Ca apparait pas explicitement dans le lien jsfiddle que je t'ai mis.

xXblackRubisXx

Niveau 9

21 octobre 2014 à 11:47:57

C'est beau Merci, maintenant je vais essayer de l'incorporer dans ma home page sans destructurer le site ^^' je te tiens au courant merci encore

xXblackRubisXx

Niveau 9

21 octobre 2014 à 12:03:46

J'ai reussi à l'incorporer sans problème merci beaucoup !!!!

Par contre deux ptites questions. Je ne sais pas qu'elle est la valeur/variable à modifier afin de ralentir la vitesse de la transition.

Et eventuellement, savoir comment je peux faire pour changer d'effet de transition (fade ou autre) mais sa c'est plus optionnel

Kimpeek

Niveau 10

21 octobre 2014 à 15:47:08

http://jsfiddle.net/xLjumaLb/

Pour 5 secondes

Y'a que les effets slide et fade.. Ils en proposent pas d'aures.

Kimpeek

Niveau 10

21 octobre 2014 à 16:07:31

autres*

mauvais lien : http://jsfiddle.net/xLjumaLb/3/

xXblackRubisXx

Niveau 9

21 octobre 2014 à 16:19:35

T'inquiète c'est le fade que je voulais essayer ^^

Merci pour la vitesse, j'ai pu récupérer le bout de script concernant le "speed"

xXblackRubisXx

Niveau 9

21 octobre 2014 à 16:29:19

J'ai trouvé sa dans le JS du dossier fade

fade:{speed:300,crossfade:!0}

Sa pourrait remplacer mes slides ? J'ai du mal à faire la manip )=

Encore merci pour l'aide que tu m'a apporté

Aide à l'achat Mac
Macintosh
Création de sites web
Création de Jeux
Linux
Programmation
Internet
Steam Deck
Hardware

La vidéo du moment

News jeu

76 632 spectateurs

BlizzCon 2026 : une immersion au cœur de la fête des fans de Blizzard

Après trois ans sans BlizzCon, difficile de passer à côté de l’enthousiasme des fans présents cette année. La foule était au rendez-vous pour cette nouvelle édition, avec des visiteurs venus célébrer toutes les licences de Blizzard. Malgré cette forte affluence, l’organisation permettait de profiter du salon sans avoir constamment l’impression de devoir jouer des coudes. Avec de nombreuses bornes accessibles librement, les files d’attente restaient relativement raisonnables, y compris pour essayer les nouveautés présentées sur place.

Toutes les news jeu