Slider image with alt and title attributes « Support Forum | Kriesi.at

Support Forum » Choices

Slider image with alt and title attributes

7 posts from 4 voices

Started 4 months ago by nuforms
Latest reply from Nick
This topic is not a support question

Tags:

nuforms
Member

Hi Support,

This addition will be good for SEO and also good to make image popup more informative.

Could you please tell me how to add alt to < img > and title to wrapping < a > for slider image.
So when you click here:
http://www.kriesi.at/themes/choices/portfolio-item/tongue-stuck/
Image will have prettyphoto title and desctiption like here:
http://www.kriesi.at/themes/choices/template-files/gallery/

I did some research, I think this file and function should be modified: function-set-avia-frontend.php -> avia_image_by_id
You are really good support and I'm interested to make avia framework better.

Best Regards,
Aleksandr

Posted 4 months ago #
Ismael
Moderator

Hi,

You add the title and alternate text on Media > Library > then select the image that you want to edit.

Regards,
Ismael

Posted 4 months ago #
nuforms
Member

Hi,

I know about adding through Media Library, but theme files should be modified too..

BTW, I found link how to add title to < a >, but it working with some bugs, maybe because it's for another theme:
http://www.kriesi.at/support/topic/pretty-photo-does-not-show-description

How to modify avia.js -> $.fn.avia_activate_lightbox to work on Choices and display correct title attribute in < a > tag.

Any help will be appreciated!

Thanks,
Aleksandr

Posted 4 months ago #
Devin
Moderator

Hi Aleksandr,

As Peter pointed out in that topic, the default behavior for a title, is to add the title into the ALT attribute or your thumbnail image. To have display a description, add the description into the TITLE attribute or your link.

The script on that page is a year old and submitted by a user to change the way that theme interacts with pretty photo.

Just to note, you can add the information when you are uploading the images originally through the image editor that pops up and don't have to only go through the wordpress media library.

Regards,

Devin

Posted 4 months ago #
nuforms
Member

Hi Devin,

Thanks for answer, I managed to add title to ALT attribute of an image.
But second part is to push this ALT attribute from image to a wrapping link < a > TITLE.

<i>"The script on that page is a year old and submitted by a user to change the way that theme interacts with pretty photo."</i>
Yes, it's pretty old and for another theme, but it's very similar to choices function avia.js -> $.fn.avia_activate_lightbox that should be modified to push img ALT to link < a > TITLE.

Please help to accomplish that.

Thanks,
Aleksandr

Posted 4 months ago #
Devin
Moderator

I can tag the topic for the other support members but I'm not familiar enough with javascript to re-write the theme's avia.js to accomplish that.

If no one is able, you'll need to look into a freelance developer to get the result you are looking for.

Regards,

Devin

Posted 4 months ago #
Nick
Moderator

Hi Aleksandr,

It's an ambitious project since there are a various exclusions to consider such as situations where the image is simply an image without links,, or pretty boxes. I haven't tested all the new Media toys that came with wp3.5, but at this moment ,

if i understand you correctly, the last hurdle is to detach the value of an alt from an img tag and attach that value to the anchor wrapping the image but attach it as a title tag? And this should be done to images on the 3 links pasted above only (and of course similar formats on pages elsewhere)? .. I think jQuery may just do the trick since the idea of a php solution for this feels bulkier (as well as lengthy).

I will try a few things out, so please hang on.

Thanks,

Nick

Posted 4 months ago #