Text on Carousel images

[Geoff]

I want install a carousel into a web site that I run. I can install the object and add photographs no problem - looks great. But I would like to add some text over the top of each image as it changes in the carousel. Is there a way of doing this, or do I have to amend the jpeg images first before I add them? I have tried adding text to the image in Photoshop, but the quality of the text on the image is very poor. Is there any advice for me? Many thanks.

[TomDunne]

You can write a caption for each photo. I don't think there is a way to center that caption. Simply click on the carousel layout and then go to the properties box and enter caption...

[chuckj]

If you size the images in Photoshop to the size you'll set in the carousel and add your text in Photoshop, it'll look fine.

Letting Fusion resize images with text will never produce good results.

[Thomas Frei-Herrmann]

Hi,

but of course you can center the caption and the position. Just edit the css file:

'nof_jcarousel_skin.css'

.jcarousel-skin-nof .jcarousel-caption{
position: absolute;
bottom: 0;
background: #000;
background: rgba(0,0,0,0.5);
left: 0;
right: 0;
color: #fff;
padding: 1em;
text-align: center;
transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s;
-o-transition: opacity 0.1s
}

[TomDunne]

Hi Thomas,
Thank you for showing that the text can be centered...How do I get to that CSS file to edit? I would like to learn how to do this.

[Thomas Frei-Herrmann]

the easiest way is probably to edit it directly in the "design view" of NOF under "CSS-Code"

[TomDunne]

Thomas, thank you. That is very good to know. I appreciate your help...
tom

[gprit]

Crikey - all this talk about editing css......it is simple to add a caption at the bottom of each carousel image from within NOF ....if you REALLY need to you can also change the text/colour....but really....stick to what is provided.

[Geoff]

Many thanks all for the collective advice, much appreciated. Is it also possible to add a hot spot to a carousel picture?

[Thomas Frei-Herrmann]

I have not yet tried - probably yes via file "jcarousel.js" - but this is not really easy