Forums (Obsolete)

Member

Anuj - 1/12/2010 5:22:33 AM

How to add Image Title in Lightbox SelectedItem

Hello,

I want to add Image Title in LightBox Gallery. When I am selecting an image it is showing its big image with description. I want to show title in big font just after image and then description.

I am not finding the proper solution. So please provide me a solution so that I could modify its selected item transformation in lightbox.

Thanks in Advance.

Regards,
Anuj


Member	Alex Rybin - 1/12/2010 6:52:42 AM RE:How to add Image Title in Lightbox SelectedItem Lightbox does not use transformations for displaing and listing images. As I got from learing the code of lightbox js libraries, it get link to images from appropriate <a> tags, description is content of "title" attribute of this tag.

Member

Anuj - 1/12/2010 11:08:55 PM

RE:How to add Image Title in Lightbox SelectedItem

Hello Alex,

Thanks for the reply.

I am using lightbox gallery and it has a property named "Selected item transformation" and in which I am setting details and also "Transformation" property which shows images.

I wish to know that when I am clicking an image it is showing its big size with its description. But I also want to get title of the image when it is growing in size.

If you have any idea so please provide me a solution.

Thanks,
Anuj

Kentico Developer

kentico_ondrejv - 1/26/2010 8:03:38 AM

RE:How to add Image Title in Lightbox SelectedItem

Hello,

Alex is partially right. Lightbox uses title property of particular link to show image at the bottom left corner of selected picture detail. If you mean this one, you can refer to it in your CSS stylesheet following way:

#caption
{
font-size:1.2em;
}

However there is still possibility to add custom content to selected item transformation of lightbox webpart as well.

Hope it covers your needs. Otherwise please be more specific and provide us with more details.

Best regards
Ondrej Vasil


Member	Anuj - 1/30/2010 1:01:37 AM RE:How to add Image Title in Lightbox SelectedItem Hello, I wish to add custom content in selected item transformation. Currently it is showing description of image with image but I want to show image with its title and its description. Please provide me relevant solution for this. Thanks, Anuj

Kentico Support

kentico_radekm - 2/9/2010 11:35:20 AM

RE:How to add Image Title in Lightbox SelectedItem

Hello.

Do you want to use lightbox for images uploaded as attachments of CMS.File document type? If so, could you please try to use following transformation?

Transformation:
<a style="text-decoration:none;" href="<%# GetDocumentUrl() %>" rel="lightbox[files]" rev="<%# Eval("NodeAliasPath") %>" title="<%# HTMLEncode(ResHelper.LocalizeString(Convert.ToString(Eval("FileName")))) %>">
<%# GetImageByUrl(GetDocumentUrl(), 200) %>
</a>
<br />

Selected item transformation:
<table>
<tr>
<td>
<div style="background-color: #dddddd; border:solid 1px #000000; padding-bottom: 100px;">
<div style="margin-top: 25px; font-size: 14pt; color: #184D6B;">
<%# HTMLEncode(ResHelper.LocalizeString(Convert.ToString(Eval("FileName")))) %>
</div>
<div style="margin-top: 20px;font-size: 14pt; color: #333333;">
<%# GetImageByUrl(GetDocumentUrl()) %>
</div>
</div>
</td>
</tr>
</table>

Best Regards,
Radek Macalik