Discussion :

[Tetricus]

Bonjour à tous,

Je suis entrain de finaliser mon site web en php, et je voudrais rajouter cette galerie d'images sur mes pages :

http://www.marghoobsuleman.com/mywor...l/gallery.html

J'ai passé plusieurs jours à chercher celle qui me convient et c'est celle là, elle est exactement comme je le veux, sachant qu'elle servira surtout à montrer des images mais aussi à expliquer d'autres choses (d'où l’intérêt de la grande place de dispo sur la droite).

Mais... comme vous pouvez le voir, le texte est coupé sur la droite ! Et il manque plus du double de la longueur !! Je me suis dit OK ca va être simple à corriger mais pas du tout. Je me demande bien où passe tout ce texte perdu sur la droite ?! J'ai essayé de redimensionner le block ect mais cela ne change rien. Je commence même à me demander si il s'agit bien d'un problème CSS...

Le lien vers le site :
http://www.marghoobsuleman.com/jquery-ms-carousel

Une fois les blocs de code passés, on a un lien vers la Démo (choisir Big gallerie )
En dessous de ce lien, un lien pour télécharger le zip "carousel_1_9.zip

Si vous avez une idée... là je suis perdu de chez perdu !

Merci à vous

[Bisûnûrs]

Ton bloc de texte a une largeur de 900px.

[Tetricus]

OK mais on parle bien de la classe "message" ? Ou de "caption" ? SI oui, elle est où ?? Dans le script ?

[Tetricus]

J'ai essayé de rajouter un "width: 50px;" dans "imgcaption" et "message" mais cela ne change rien. La bordure que j'ai rajouté me délimite bien le texte.
J'ai aussi remarqué que sur la droite il y'a une bande noire, mais elle vient d'où ??

Le bloc complet fait bien 1100 px comme je l'ai noté en rouge en bas. En bleu claire avec les 2 ?? la bande noire inconnue.

[rodolphebrd]

Bonjour,

Bisûnûrs a tout dit car il s'agit bien d'intervenir sur le bloc texte :

Dans la copie d'écran j'ai saisi 300px pour exemple.

[Tetricus]

Ah oui mais ca je l'avait déjà essayé... La classe "message" est déjà définie dans le CSS et j'ai rajouté un "width" mais cela ne change strictement rien au bloc.
Là je viens d'essayer de faire exactement comme sur la capture d'écran et idem, cela ne change rien du tout. Par contre pourquoi vous avez rajouté "opacity" ?

[rodolphebrd]

Je n'ai rien ajouté c'est géré en javascript et c'est là:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
// autoSlide:2000, 
var oBigController = $("#carouselBig").msCarousel({width:900, height:369,callback:bigSlideControl, showMessage:true, messageOpacity:1}).data("msCarousel");
var thumbs = $("#carouselThumb").msCarousel({boxClass:'li', width:900, height:78, callback:thumbSlideControl, scrollSpeed:500}).data("msCarousel");

D'ailleurs c'est ici qu'est défini la largeur de la classe "message".

[NoSmoking]

Bonjour,
supprime la class message des balises P

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p>Lorem Ipsu.....

et laisse faire le pluggin.

[rodolphebrd]

Bien vu NoSmoking : +1

Il ne fallait pas chercher midi à quatorze heure.

[Tetricus]

C'est bon c'est réglé ! C'est vrai mais je n'ai pas encore toutes les notions et facilités que vous vous avez.
Je me suis lancé dans un site avec bootstrap, en PHP donc j'en apprend tous les jours.

En tout cas merci beaucoup pour votre aide ! Bon week end à vous.