faire défiler des box

Version imprimable

Bonjour à tous,

j'ai des box de quatre mini-photos sur mon site et j'aimerais pouvoir faire défiler ces box horizontalement. Est-ce possible de faire en javascript ?

voici le code d'un box

Code:

1
2
3
 
 
<div class="isol_184"><div class="cadre_arrondi_haut_180"><a href="http://www.swapnfly.com/profiladh-logement-etudiant-1.html">Nice</a><br /> (France)</div><div class="cadre_arrondi_haut_bis_180"></div><div class="carre_180"><div class="up_photo_mini"><a href="http://www.swapnfly.com/profiladh-logement-etudiant-1.html"><img src="images/photo/photo_no.gif"></a></div><div class="up_photo_mini"><a href="http://www.swapnfly.com/profiladh-logement-etudiant-1.html"><img src="images/photo/photo_no.gif"></a></div><div class="up_photo_mini"><a href="http://www.swapnfly.com/profiladh-logement-etudiant-1.html"><img src="images/photo/photo_no.gif"></a></div><div class="up_photo_mini"><a href="http://www.swapnfly.com/profiladh-logement-etudiant-1.html"><img src="images/photo/photo_no.gif"></a></div></div><div class="cadre_arrondi_bas_bis_180"></div></div>

Voici la page d'accueil sur laquelle j'aimerais faire défiler ces box :

www.swapnfly.fr

Merci pour votre aide.

08/11/2010, 16h08
Bovino

Oui, c'est possible...
Tu peux fixer la taille de la div conteneur et faire varier le margin par exemple.

PS : Sympa le code sur une ligne et très agréable à lire :aie:

Désolé,

voilà j'ai refait le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
 
<div class="isol_184">
	<div class="cadre_arrondi_haut_180">
		<a href="http://www.swapnfly.com/profiladh-logement-etudiant-1.html">Nice</a><br /> (France)</div>
			<div class="cadre_arrondi_haut_bis_180">
			</div><div class="carre_180">
			<div class="up_photo_mini">
				<a href="http://www.swapnfly.com/profiladh-logement-etudiant-1.html"><img src="images/photo/photo_no.gif"></a>
			</div>
			<div class="up_photo_mini">
				<a href="http://www.swapnfly.com/profiladh-logement-etudiant-1.html"><img src="images/photo/photo_no.gif"></a>
			</div>
			<div class="up_photo_mini">
				<a href="http://www.swapnfly.com/profiladh-logement-etudiant-1.html"><img src="images/photo/photo_no.gif"></a>
			</div>
			<div class="up_photo_mini">
				<a href="http://www.swapnfly.com/profiladh-logement-etudiant-1.html"><img src="images/photo/photo_no.gif"></a>
			</div></div>
		<div class="cadre_arrondi_bas_bis_180">
		</div>
</div>

par contre aurais-tu un exemple car je n'ai pas tout compris...

Merci.