Phoca Forum

Hi there,

I have a few "phocagallery>list of images (category view)" articles on my website.
When I check the result with the pictures on my website frontend, and then ask for pagesource, for every image that is listed the title attribute and alt attribute has the value 'detail'. see example below.
How can I change these titles and alts to the name of my image?


<div class="detail" style="margin-top:2px"> <a class="jaklightbox" title="Detail" href="/images/phocagallery/sandy/thumbs/phoca_thumb_l_Sandy Verfaille Inksane Salvador Dali.jpg" onclick="gjaks.show(0); return false;" ><img src="/components/com_phocagallery/assets/images/icon-view.png" alt="Detail" /></a></div>
<div style="clear:both"></div>

Thank you for reading, hope somebody can help..?

Best,

Hi, not sure if the plugin has implemented alt value feature but try to set the ALT value in Options of Phoca Gallery and test if something changed.

Jan

The alt vlue is less important. I'm trying to figure out how I can change the title value.
Can you give me more info about that?

Title attribute on picturelevel is filled in.
There is no 'title value' in the options of phocagallery.


Thanks,

Hi, alt value is important for different javascript libraries which render the detail window (javascript popup, they use this alt value as title). So as I wrote, not sure if the plugin has implemented it and not sure which method is used and which method needs the alt value and which title.

Try to look at the plugin code and try to e.g. set fixed value to test it.

As I understood, your code: ... <img src="/components/com_phocagallery/assets/images/icon-view.png" alt="Detail" /></a></div> ... include the alt="Detail" and your problem was you want to display some other value then Detail, so in such case, the alt value is responsible for displaying it.

But not sure If I understood the problem correctly?

Jan

Hi Jan,

Thanks for your reply.

So far, I was able to change the alt value by changing 'alt value' (under 'general settings' under 'options') to --> 'description > title > meta description'
Which results in this rendered code per listed image (see below).

But my problem is I want to have the title attribute of the <a> to be filled in with the title of the image (or some other value of the image which I can control). So this value will be found more by google, for SEO.
An extra title attribute on the <img> with the same value as in the alt would be nice.

I hope I this makes my question a bit more clear.
Do you have more input?

Thanks,
sandy


<div class="phocagallery-box-file pg-box-image" style="height:158px; width:120px;">
<div class="phocagallery-box-file-first" style="height:118px;width:118px;margin:auto;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<a class="pg-modal-button" title="" href="/gallery/tattoo-gallery-sandy/6-sandy/detail/402-sandy-verfaille-inksane-yuri-front?tmpl=component" rel="{handler: 'iframe', size: {x: 680, y: 560}, overlayOpacity: 0.3}" ><img src="/images/phocagallery/sandy/thumbs/phoca_thumb_m_Sandy Verfaille Inksane yuri front.jpg" alt="Sandy Verfaille Inksane yuri front" class="pg-image" /></a>
</div></div></div>
<div class="pg-name" style="font-size:10px">Sandy Verfaille Inksane yuri front</div><div class="detail" style="margin-top:2px"> <a class="pg-modal-button" title="Detail" href="/gallery/tattoo-gallery-sandy/6-sandy/detail/402-sandy-verfaille-inksane-yuri-front?tmpl=component" rel="{handler: 'iframe', size: {x: 680, y: 560}, overlayOpacity: 0.3}" ><img src="/components/com_phocagallery/assets/images/icon-view.png" alt="Detail" /></a></div>
<div style="clear:both"></div>
</div>

Hi, so I think, for this you need to customize directly the php code

Jan