Pb affichage carrousel jquery

wpenet
Javascript

Bonjour,

J'ai installé le carrousel jquery en suivant le tutoriel vidéo. Tout marche très bien (ce qui n'était pas gagné vu mon niveau ...) mais il reste un seul (petit) problème : je n'arrive pas à faire apparaitre la barre opaque derrière les titres des slides du carrousel. On voit les titres, l'animation est parfaite, mais il n'y a pas de barre opaque.
J'ai changé le fichier .png, je l'ai modifié, j'ai vidé le cache, etc., rien n'y fait.

Quelqu'un peut-il m'aider ?!

Voici le site : www.charlesrios.com

Merci
William.

9 réponses

Hakito
Réponse acceptée

Salut wpenet,
Dans ta classe .title, j'ai remplacé ton background:... par "background:rgba(244, 244, 244, 0.6);" et ça a marché.
Je sais pas si tu tiens vraiment à garder ton image de fond.

Hakito

Tef

Salut, dans ta div caroussel, tu n'as pas mis de background de ta barre opaque ;)
En tout cas dans l'inspector je ne le vois pas

A+
Stef

wpenet
Auteur

Salut Tef,
Je pense bien que si, je te mets le code, pour moi l'appel est crée dans .title.
Dis moi si c'est cela dont tu parles.

Merci

#carrousel{
    border: solid 1px #111;
    width:770px;
    height:286px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.slide{
    position:absolute;
    top:0;
    left:0;
    width:770px;
    height:286px;
}
.title{
    position:absolute;
    padding-left:12px;
    width:758px;
    line-height:35px;
    height:35px;
    bottom:0;
    left:0;
    background:url(imgages/opaque.png) top left repeat;
}

.navigation_carrousel{
    position:absolute;
    bottom:38px;
    right:5px;
}
.navigation_carrousel span{
    background:#111;
    color:#CCC;
    padding:2px 4px;
    cursor:pointer;
    margin:0 1px;
}
.navigation_carrousel span:hover,.navigation span.active{
    background:#ccc;
    color:#111;
}
Tef

Regarde tu as tapé imgages et non images ! ;)
C'est ça d'avoir la tête dans le guidon ça nous arrive à tous :)

++
Stef

wpenet
Auteur

Ah ok ! Effectivement, petite coquille.
Néanmoins, après modification, ça ne marche toujours pas.
Je ne sais plus trop quoi faire là !
Quelqu'un voit-il l'erreur ?!

Merci !
(site : charlesrios.com

Tef

je suis au taf je ne peux pas regarder. Je regarde ce soir :)

a toute
Stef

wpenet
Auteur

Merci !

Tef

Salut,
Désolé je n'ai pas pu regarder hier. Je suis au taf et je regardais entre midi et deux.
Alors là...j'ai épluché ton code et là comme ça je ne vois pas. Le mieux est que je test en local sauf si une personne trouve entre temps.
J'espère avoir le temps ce soir :)
A+
Stef

wpenet
Auteur

Les gars, c'est nickel ! Merci Hakito pour ta réponse et merci Tef pour ton aide depuis le début.

Will