Script album photos

Fermé

jeannot13 Messages postés 19 Date d'inscription jeudi 19 juillet 2007 Statut Membre Dernière intervention 19 février 2013 - 19 févr. 2013 à 01:23
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 - 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

A voir également:

Script album photos
Script vidéo youtube - Guide
Partage de photos - Guide
Toutes mes photos - Guide
Google photos album partagé - Guide
Doublons photos - Guide

1 réponse

Réponse 1 / 1

RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
Modifié par RAD ZONE le 19/02/2013 à 03:06

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

Gestionnaire de fichiers

Ne pas voir sur le fil d'actualité mon identification

Discussions similaires

Newsletters