Script album photos

jeannot13 Messages postés 19 Date d'inscription Statut Membre Dernière intervention -
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention - 19 févr. 2013 à 03:04

Bonjour à tous,

J'ai un script pour album photos qui fonctionne très bien, sauf que pour voir les photos suivantes ou précédentes c'est un texte que j'ai sur lequel je dois cliquer et je voudrais le remplacer par des gifs plus agréable à voir.
voila les 2 input qui servent à cela:
<p><input type="button" value="<< Photo Précédente" name="B2"
onclick="backward()" />
<input type="button" value="Photo Suivante >>" name="B1"
onclick="forward()" /></p>
j'ai essayé un type"image" à la place de "button" j'ai l'image mais lorsque je clique dessus rien ne se passe, quelqu'un aurait-il une solution à mon problème ?
Merci

Afficher la suite

A voir également:

1 réponse

Réponse 1 / 1

RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention 1 360

Salut

cela ce fait en css ! en ajoutant des id ou class a tes imput puisque je suppose que ce ne sera pas la meme image pour chaque bouton !
voila un exemple :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
  <head> 
    <title> 
      RAD ZONE Webcreation 
    </title> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 


    <style type="text/css"> 
    /*<![CDATA[*/ 
    input[type=button]#B2 { 
      background-image: url(B2.png); 
      width: 80px; 
      height: 20px; 
      cursor: pointer; 
    } 

    input[type=button]#B1 { 
      background-image: url(B1.png); 
      width: 80px; 
      height: 20px; 
      cursor: pointer; 
    } 
    /*]]>*/ 
    </style> 

  </head> 
  <body> 
    <p> 
      <input type="button" name="B2" onclick="backward()" id="B2" /> 
      <input type="button" name="B1" onclick="forward()" id="B1" /> 
    </p> 
  </body> 
</html>

si tu veux un hover tu le fait en css pareil !
exemple

input[type=button]#B1:hover { 
      background-image: url(hoverB1.png); 
 } 
input[type=button]#B2:hover { 
      background-image: url(hoverB2.png); 
 }

A+

♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Discussions similaires

recherche script "les visiteurs"

Votre réponse

Discussions similaires