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 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 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
Album partagé google - Guide
Google photos album privé - Guide

1 réponse

Réponse 1 / 1

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
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

supprimer une photo de la pellicule sans la supprimer de l'album

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