begin process at 2012 05 29 14:04:27
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Modif dans script pour galerie


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Modif dans script pour galerie

jeudi 1 juillet 2010 à 19:15:56 | Modif dans script pour galerie

htaine

Bonjour à tous, je sollicite votre aide pour un petit détail qui me chagrine.
J'ai un script pour une galerie photo, tout est OP, sauf qu'au lieu d'afficher une ligne de titre pour chaque photo, je souhaiterais en afficher 3 du style :
titre<br/>
Taille<br>
Ref.
Vous l'aurez compris c'est pour afficher des tableaux.
Et le paramètre ne prend pas en compte les balises HTML dans le titre.
Voici le script :

Code HTML :
<dl id="photo">
    <dt>Titre de la photo</dt> 
    <dd><img id="big_pict" src="images/photo1.png" alt="Photo 1 en taille normale" /></dd>
</dl> 	
<div id="contenu">
        <ul id="galerie_mini">
        <li><a href="images/photo1.png" title="titre"><img src="images/m_photo1.png" alt="" /></a></li>
        <li><a href="images/photo2.png" title="Titre de la photo 2"><img src="images/m_photo2.png" alt="Le titre de la photo 2" /></a></li>
          <!--ETC...-->  
        </ul>
</div>


et le javascript :
Code Javascript :
function displayPics() 
{ 
    var photos = document.getElementById('galerie_mini') ; 
    // On récupère l'élément ayant pour id galerie_mini 
    var liens = photos.getElementsByTagName('a') ; 
	
//var descript = photos.getElementsByTagName('li').getElementsById('toto').innerHTML ; 
	
    // On récupère dans une variable tous les liens contenu dans galerie_mini 
    var big_photo = document.getElementById('big_pict') ; 
    // Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale 
 
    var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ; 
    // Et enfin le titre de la photo de taille normale 
 
    // Une boucle parcourant l'ensemble des liens contenu dans galerie_mini 
    for (var i = 0 ; i < liens.length ; ++i) { 
        // Au clique sur ces liens  
        liens[i].onclick = function() { 
            big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien 
            big_photo.alt = this.title; // On change son titre 
            titre_photo.firstChild.nodeValue = this.title;// On change le texte de titre de la photo 
			
            return false; // Et pour finir on inhibe l'action réelle du lien 
        }; 
    } 
} 
window.onload = displayPics; 


Merci d'avance pour le temps que vous allez m'accorder.
jeudi 1 juillet 2010 à 20:39:54 | Re : Modif dans script pour galerie

PetoleTeam

Membre Club
Bonjour,
il me semble que le plus simple est d'utiliser getElementById pour récupérer l'objet et d'injecter dans son innerHTML ce que l'on veut
par exemple
Code HTML :
<dl id="photo">
  <dd id="CHAMP_1">...</dd>
  <dd id="CHAMP_2">...</dd>
  <dd id="CHAMP_3">...</dd>
  <dd><img id="big_pict" src="images/photo1.png" alt="Photo 1 en taille normale" /></dd>
</dl>
et dans ton code
Code Javascript :
liens[i].onclick = function () {
  big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
  big_photo.alt = this.title; // On change son titre
  //-------------------------------------------
  //-- C'est ICI que l'on met les champ a jour
  //-------------------------------------------
  document.getElementById("CHAMP_1").innerHTML = this.title;          // par exemple
  document.getElementById("CHAMP_2").innerHTML = this.firstChild.alt; // par exemple
  return false; // Et pour finir on inhibe l'action réelle du lien
};

voila c'est une façon de faire...
;O)
vendredi 2 juillet 2010 à 09:00:47 | Re : Modif dans script pour galerie

htaine

Réponse acceptée !
Génial ! Merci cela m'enlève une grosse épine ! Bonne continuation, je ferme le ticket : zetes les meilleurs codes-sources !
vendredi 2 juillet 2010 à 18:14:46 | Re : Modif dans script pour galerie

PetoleTeam

Membre Club
Bonjour,
zetes les meilleurs codes-sources !
que nenni, sachons rester humble !
;O)


Cette discussion est classée dans : liens, var, titre, photo, galerie


Répondre à ce message

Sujets en rapport avec ce message

menu ruban avec vignette [ par pule ] bonjour a tous j'ai trouvé un script tous simple pour faire une galerie mais le probleme est que les miniatures ne s'affiche pas en menu ruban mais s' Soucis avec galerie photo [ par Vivi82 ] Salut à tous,Comme je m'y connais pas vraiment en javascript , j'aimerai bien un ptit coup main, si possible J'ai comme qui dirait un ptit soucis avec modification code galerie photo [ par aiglon22 ] bonjour, je souhaiterai modifier le scripte d'une galerie photo trouvée sur le site d'alsacréations, [url=http://www.alsacreations.com/tuto/lire/557-g galerie photo javascript [ par titeyes ] [^^confus2]Bonjour, J'ai réaliser une galerie photo en javascript à l'aide du tutoriel sur alsacréation. J'aimerais rajouter des flêches à gauche e galerie photo [ par maxxou56 ] Je souhaiterais réalisé un site internet avec une galerie photo, mais je suis un peu bloquer sur le code étant donné que je nai que très peu de basees Galerie Photo demande conseil [ par G4uthier ] Bonjour, voila j'ai une partie admin pour gérer une galerie photo et je voudrais que quand ladmin clique sur la photo et bien la photo se supprime de Navigation clavier dans une galerie pour passer d'une image à l'autre [ par zorkzyd ] Bonjour à tous, J'ai créé un code pour ma galerie pour passer d'une image à l'autre avec les flèches du clavier mais ça ne marche pas... pouvez-vous Charger une page XML pour la trier avec un script. [ par NIKO83 ] Le savoir est une force qui grandit quand on la partage<img height="54" width="65" src="C:\Documents and Settings\Charlyz\Mes document Charger une page XML pour la trier avec un script. [ par NIKO83 ] Le savoir est une force qui grandit quand on la partageBomjour à tous,J'ai mis au point avec pluieurs sources un systeme pour variables / document. / concaténation [ par BlizarBlizar ] Bonjour ! j'ai un problème qui vient surement de la syntaxe de mon code, je m'explique : comment faire pour avoir : [code=js]var titre=document.no


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,608 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales