Impossible d'afficher mon image

Question

Je rencontre un problème avec une page que je suis en train de créer. J'ai un cycle Js avec des contrôles outside-div-contained et la classe arrow_back montrera l'état hover, mais il ne montrera pas l'état normal. Le même code fonctionne pour le bouton arrow_forward Voici le css pour elle (y compris natifs & états de vol stationnaire.):

.arrow_back{ 
    width:42px; 
    height:42px; 
    position:relative; 
    z-index:9999; 
    left:8px; 
    top:-83px; 
} 
.arrow_back:hover{ 
    background:url(../images/arrow_back_hover.png) no-repeat; 
} 
.arrow_forward{ 
    background:url(../images/arrow_forward.png) no-repeat; 
    width:42px; 
    height:42px; 
    position:relative; 
    top:-84px; 
    right:-637px; 
    z-index:9999; 
} 
.arrow_forward:hover{ 
    background:url(../images/arrow_forward_hover.png) no-repeat; 
} 

et le code html:

<div class="image"> 
    <div class="slideshow"> 
    <img src="images/inside/cycle1.jpg" /> 
    <img src="images/inside/cycle2.jpg" /> 
    <img src="images/inside/cycle3.jpg" /> 
    </div> 
</div> 
    <div class="controls"> 
    <img src="images/arrow_back.png" width="42" height="42" class="arrow_back" /> 
    <img src="images/arrow_blank.png" class="arrow_forward" /> 
    </div> 

Si quelqu'un pourrait offrir quelques conseils. J'ai regardé le code toute la semaine jusqu'à maintenant, et mon cerveau est un peu grillé. C'est probablement quelque chose de très évident, j'ai juste besoin de nouveaux yeux.

Answer 1

Il vous manque l'image de fond pour la classe arrow_back.

.arrow_back{ 
    background:url(../image/arrow_back.png) no-repeat; 
    width:42px; 
    height:42px; 
    position:relative; 
    z-index:9999; 
    left:8px; 
    top:-83px; 
} 
.arrow_back:hover{ 
    background:url(../images/arrow_back_hover.png) no-repeat; 
} 

De plus, j'ai supprimé la balise javascript car cela n'a rien à voir avec javascript.