begin process at 2012 05 29 13:38:54
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

menu ruban avec vignette


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

menu ruban avec vignette

dimanche 3 février 2008 à 15:35:00 | menu ruban avec vignette

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'affiche toute sur la page se qui est tres bien pour quelque foto mais devient tres encombrant pour une galerie de foto nombreuse
  ma question est : pet t-on amelioré ce script en menu ruban pour les miniature si oui quel son les fonction a rajouter merci je vous colle le script que j'ai

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') ;
    // 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;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page


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


Répondre à ce message

Sujets en rapport avec ce message

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 Modif dans script pour galerie [ par 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'af 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 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, protection et copyright [ par intheverge ] Bonjour tout le monde. Je viens rarement poser des questions dans le coin mais quand je le fais c'est que j'ai pas trouvé de réponses ailleurs :)Duran 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 creation galerie photo [ par sebplan ] bonjour à toutes et à tous, je viens de franchir le grand pas de m'inscrire je suis un débutant, depuis 2 mois j'essaie de créer un site internet déd galerie photo mysql [ par nissweb ] Bonjour j'ai besoin un code qui pemet d' ajouter et suprimer des photo à partir d'un formulaire  qui contiens discription; style de photo et parcurir galerie photo, help ! [ par leojou ] Bonjour, voici les premières ébauches d'une galerie photo avec boutons suivant/précédents et vignettes miniatures : http://leojou.ifrance.com/ il y


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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 : 3,744 sec (3)

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