Titles for thumbnails

Page: 1

Author Post
nycpicasso
Guest
How do you place titles under the image thumbnail? By the way, this is great!
Administrator
Registered: Aug 2008
Posts: 3382
Unless I'm reading your question wrong, this isn't a floatbox question. The thumbnails are on your page. You put text under the thumbnails the same way you put text anywhere else on your page - with html markup.
moazebulon
Guest
Great job !
I try your dev and i have the same question. Your answer didn't help me to.
Here is my code :
[a href="/xav2/modules/mod_zebjs_n_box/tmpl/image.jpg" rel="floatboxGroup" title="un Champignon" rev="numIndexLinks:-1 theme:`white`" ][img src="/xav2/modules/mod_zebjs_n_box/tmpl/image.jpg" alt="Un Pingouin" /][/a]

And a second image with the same rel and an other title.
I replace lower and grower tag by [ and ] to enable post.
My pictures are small (200 x 300) and (190 x 150).
When I use a rel tag "floatbox" on a single picture the title is displaying.
When I use a rel tag floatboxGroup on this two picture (thumbnail) I have the navigation bar but title disappear :(

Thanks to you for your job.
I try to compile many box in a joomla module to provide choice in the box world. And when I see your result this box may be high in the box choice entry list.

Excuse the poor English of a French developer :roll:

[edit : This problem of disappear title (a attribute) in thumbnails appear both in IE7 and FF3.0.4 (didn't try other browser). And think about size or floatbox priority size more than browser problem :( ]

[edit2 : floatbox ver 3.2.4 2008/12/01]
« Last edit by Unknown on Tue Dec 02, 2008 11:11 pm. »
moazebulon
Guest
I try with a bigger image (300 x 500) and the title in thumbnail appear.
In fact if the picture are to small, there is a priority (position over title) on navigation to title and this solution is a good idea than the other possibility !
Great job ! Problem solve to me) !
Administrator
Registered: Aug 2008
Posts: 3382
Votre Fran?ais n'est aucun probl?me. Je suis d?sol? que je ne puisse pas le parler.

So you are not speaking of the thumbnails in your page but rather the images displayed in floatbox. Yes, there is a minimum width for the captions. If there is not 80px available after display of the controls, the caption is turned off.

Note that you can make more room for the caption on small images by moving the controls (close, etc.) up to the top. You can try using infoPos:bc and controlPos:tr.
nycpicasso
Guest
Thanks for the quick reply! I see that I am not the only one that works late. LOL
ok, I used this html for my thumbnails with css

<div class="thumbnail"><img src="new_balance/nb-image-1-thmb.jpg" border="0"alt="" width="74" height="54"><br>Caption</div>

Now, where do I place this html to make it work?

Inline DIV: <a href="#divID" rel="floatbox" rev="width:400 height:530 scrolling:no">...</a>

thanks
gregp
Guest
If you're wanting to click on the thumbnail and bring up a larger image (which I presume is what you want)...

<div class="thumbnail">
<a href="large-image-filename" rel="floatbox" rev="width:400 height:530 scrolling:no"><img src="new_balance/nb-image-1-thmb.jpg" border="0"alt="" width="74" height="54"></a><br>
Caption
</div>

Greg
nycpicasso
Guest
Great! that worked but I don't have the next-prev option with the # of images ie. 2 of 6 available in the larger image.

thanks a lot Greg!
nycpicasso
Guest
I figured it out.
Now my images are distorted, is there a max size for larger images? My image is 223px x 440px

thanks again

Alex
nycpicasso
Guest
I think that it maybe a loading issue since it is working fine now.
gregp
Guest
No max size for larger images - only related thing is the option to reduce large images to screen size if they're bigger.

I reckon you'd benefit from reading through the instructions for FB as the answers to some of the problems you've faced are explained in there.
nycpicasso
Guest
thanks for the help

Alex

Page: 1