1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
| window.addEvent('domready', function(){ // Tu récupères le div contenant la grande image
var bigimage = $('bigimage');
// Tu récupères les thumbnails
var thumbnails = $$('a.thumbnails'); // Pour chacun des thumbnails
thumbnails.each(function(t){
// tu ajoute un event click qui fait que quand tu vas cliquer sur un thumbnail :
t.addEvent('click', function(ev){ // tu vires la grande image du div
bigimage.getChildren('img').dispose();
// tu crée un nouvel élément <img>
el = new Element('img', {
// dont tu génère le src avec l'id du thumbnail cliqué qui est aussi
// l'id de l'image large (on t'a fait un asset_controller avec un send_file dedans oui ?
'src': '/asset/show/'+ t.id + '/large'
})
// Et tu ajoutes cet élément dans le div contenant la grande image
bigimage.adopt(el);
});
});
});
Si quelqu'un a une idée, je suis preneur : je me casse les dents.
Ma "traduction" ressemble à cela, et ne passe pas :
jQuery(document).ready(function() {
var bigimage = $("bigimage");
var thumbnails = $("a.thumbnails");
thumbnails.each(function(t){
$("a").click(function(ev){
bigimage.children("images").removeData();
el = new Element("images", {
'src': '/images/show/'+ t.id + '/medium'
})
el.addClass("bigimage");
});
});
}); |
Partager