[css+js] Modifier Carousel

[Membre supprimé 2]

Bonjour à tous,

Je n'ai pas de problème technique concernant le script Carousel. Un exemple ici avec une version zippée si vous souhaitez faire des tests. La feuille est incluse dans le head, et la taille des images est de 346 x 250.

Mon problème a l'air simple: je souhaite simplement modifier la taille des images dans ce script.

Par exemple en leur attribuant une largeur de 600px.

J'ai donc ajusté le CSS, et modifié la taille dans le script home.js, cependant le résultat est catastrophique…

Avez-vous une idée ?

Merci et bonne soirée

 

[Anonyme]

Ça ne va pas beaucoup t'aider mais pourquoi ne pas utiliser jquey et plugin cycle? On dirait que c'est plus facile à utiliser…

 

[fredmac75]

Bon alors ma pitchounette :
1 - la prochaine fois tu évites de nous sortir des scripts pourris de la mort... :rateau:

2 - important en css s'écrit

#carousel {
	position:relative !important;
	overflow:hidden !important;
	width:600px !important;
	height:274px !important;
	margin:0 !important;
	background:#fff !important;
	}

3 - Ceci étant dis, la solution se trouve là en trois temps :
A - je modifie la taille du conteneur #carousel
B - je modifie cette ligne de merde au niveau de la taille du conteneur #carousel_content

#carousel_content {position:absolute; top:0; margin-left:0;width:5000px;}

C - je modifie le home.js ligne 16 avec un size correspondant à la taille de l'image soit 600

Si tu as besoin je te renvoi le zip modifié...

 

[Membre supprimé 2]

Tu es mon dieu
Merci à toi ô maître des standards