Charger une banque d'images à partir d'un preview

Bonjour à tous,

Je viens vers vous pour m'aider à trouver une solution au slider de mon site. Voici l'adresse provisoire :
http://studio.test.voila.net/portfolio.html

En fait sur cette page il y a plusieurs vignettes (preview) qui correspondent chacune à un projet, qui contient lui même une banque d'images. J'aimerai donc que quand on clique sur une vignette, la banque d'images du projet en question se chargent dans mon slider.

Je suis assez novice dans le JS/Jquery, bien que je le décode un peu (promis je vais le bosser !). J'imagine qu'il faut créer un fichier xml pour chaque vignette mais après... !

Si vous pouvez m'orientez vers des tutos ou ressources, car j'ai trouvé ceci mais...j'ai un peu de mal à savoir ce qui est bon de mettre dans mon code .

Edit: Quelqu'un m'a dit qu'il fallait que je charge ce script:

function change(unevaleur){
var content = new Array();
var i = 0;
var count = 0;
$.get(urlduxml,function(data){
$(data).find('slide').each(function(){
i++;
content[i] = $(this).find('url').text();
});

$(".pix_relativize").each(function(){
count++;
if(count<content.size()){
$(this).html('<img src="'.content[count].'" />");
}else{$(this).hide();}
});
});
}

Qu'en pensez vous ?

Je vous remercie par avance![/i]
Modifié par fvsch (20 Oct 2011 - 17:39)

Bonjour,

Si tu es novice et que tu utilises un script tout fait, c'est assez simple: tu te contentes des fonctionnalités proposées par le script. Si le comportement proposé ne te satisfait pas, tu cherches un script qui propose un comportement plus proche de ce que tu souhaiterais. Et si besoin tu engages un intégrateur web / développeur JavaScript pour créer un script personnalisé.

Voilà pour la base.

Pour ce qui est du mini-script que «quelqu'un» t'a proposé, il comporte au moins une erreur flagrante (utilisation du signe "." au lieu de "+" pour concaténer des chaines, je suppose que ça a été écrit par un développeur PHP), et repose sur un mécanisme pas optimal (variables servant de compteurs là où on pourrait utiliser la propriété length d'une NodeList, accès à des éléments via des indices plutôt que d'utiliser du DOM Traversing). Je ne suis pas sûr par ailleurs qu'il réponde vraiment à ta demande. Mais dans tous les cas ce n'est pas important, car à partir du moment où ta seule marge de manoeuvre est de copier-coller ce code en priant pour que ça marche... c'est mal barré et en gros tu ne peux rien faire de ce code (ce qui nous ramène à mon premier paragraphe ).

Désolé pour cette réponse en forme de fin de non-recevoir, mais je crois que l'écart entre tes connaissances en JavaScript et ce que tu souhaites faire est tout simplement trop important à l'heure actuelle, et je ne voudrais pas voir ce sujet se transformer en séance de baby-sitting.
Modifié par fvsch (20 Oct 2011 - 17:45)

Remarque en passant: j'ose espérer que tu vas mettre des images de projets à toi (et uniquement ça) dans ce portfolio avant de le publier. Et même pour une utilisation de test pendant le développement d'un projet, il me semble plus pertinent d'utiliser soit des images qui t'appartiennent, soit des images provenant de banques d'images gratuites.

Pour ton 1er post: Ok, j'ai bien compris le message. Pour ce qui est du mini script je vais dans ce cas en parler à mon ami qui me l'a proposé (effectivement il est plus orienté php, il me semble). Merci quand même.

Pour le 2eme post: Qu'est ce qui te dis que je n'ai pas de relation avec U2 ? Non plus sérieusement, j'ai passé tout mon après midi à photographier mes projets, donc ne t'inquiètes pas les images test disparaitront très bientôt. De plus j'ai un compte sur un site de photos payantes (dont je ne citerai pas le nom ici). Donc aucun intérêt pour moi de reprendre des projets qui appartiennent à d'autres quand je publierai mon site .

lj44 a écrit :
Donc aucun intérêt pour moi de reprendre des projets qui appartiennent à d'autres quand je publierai mon site .

Je mettais un avertissement quand même au cas où. On a trop souvent vu de jeunes graphistes/designers/freelance/photographes/etc. plus ou moins débutants mettre les oeuvres des autres dans leur portfolio en se disant que c'est juste le temps qu'ils le remplissent avec des projets à eux.

Et par simple souci méthodologique, pour les tests c'est toujours plus sûr d'utiliser ses propres images, notamment si on oublie de supprimer certains fichiers de tests qui se retrouvent publiés plus ou moins longtemps. (Pour ça j'ai un peu de chance, étant photographe je peux facilement utiliser mes propres images.)