webleads-tracker

Liste d'article sur 3 colonnes

mariline
Avatar
Bonjour,
J'aimerais savoir comment créer une page 'liste d'article' sur 3 colonnes, puis une autre page sur 2 colonnes.
Comment peut-on en javascript sélectionner la source d'une image pour la mettre dans le lien parent.
Code de base
<a class="LinkIn" href="">
<li>
<img alt="Esprit_01" src="/media/esprit_01__036866700_1502_01062011.png">
</li>
</a>
 

Code voulu
<a class="LinkIn" href="/media/esprit_01__036866700_1502_01062011.png">
<li>
<img alt="Esprit_01" src="/media/esprit_01__036866700_1502_01062011.png">
</li>
</a>
 
mariline

Nicolas
Avatar
Bonjour,
Plusieurs solutions sont possibles.
Pour créer 2 colonnes il est possible d'utiliser un article en bloc.
Pour 3 colonnes le plus simple est d'utiliser un article préformaté puis mettre les blocs en forme grâce à des <div>
On peut aussi utiliser la bonne vieille méthode du tableau...

Pour ce qui est de la 2eme question, la aussi plusieurs solutions sont possibles.
par exemple en jquery grace à la fonction Attr.
voici un lien vers la doc de cette fonction:
http://jquery.developpeur-web2.com/documentation/attributs/attr.php

voici un exemple qui permet de remplacer la source de l'image principale par l'url récupérée.

$('#visuels_additionnels img').click(function() {
var url=$(this).attr("src");
url=url.replace('thumbnails/','');

$('#productPicture img').attr('src',url);
$('#productPicture a').attr('href',url);
});
 

mariline
Avatar
Merci pour le petit code, ça fonctionne très bien!

Par contre pour la liste d'article sur 3 colonnes, ta solution n'est pas envisageable, car le client doit pouvoir insérer des articles un par un, sans se mélanger avec les anciens.

Je suis partie pour adapter le templates multi_articles.html sur 3 colonnes, par contre je ne sais pas comment insérer un appel conditionnel.(si on est sur page 1: charger 'multi_articles.html', si on est sur page 2 :charger 'multi_articles_3col.html')
mariline