Alt-tags in slider images

[Ramon]

Hi all, thanks for looking into my post; 

 

I'm trying to add alt-tags to the slider images, but I can only see a description field. Is there some way to add alt-attributes to these types of images?

 

Thanks again

[pwired]

Yes you can

There is a module for this somewhere that extends the images field functions.

But the easiest and fastest way is to use the Processwire api together with the php explode function for this.

I have a snippet for this somewhere but cannot find it right now.

I will post back when I find it.

[pwired]

Here is the snippet

<?php
        $intro = $pages->get('/intro/');
        foreach($intro->images as $image) {
        $image = $image->size(500, 350);
        $lines = $image->description;
        $words = explode(",", $lines);
        echo "<div class=" . '"da-slide"' . ">" . "\n";
        echo "<h2>" . $words[0] . "</h2>" . "\n";
        echo "<p>" . $words[1] . "</p>" . "\n";
        echo "<a href=" . '"#"' . " class=" . '"da-link"' .">" . $words[2] . "</a>" . "\n";
        echo "<div class=" . '"da-img"' . ">" . "<img src=" . '"' . $image->url . '"' . " alt=" . '""' . ">" . "</div>" . "\n";
        echo "</div>" . "\n";
        }
        ?>   

 

In my above example I used php explode for a title, a paragraph and links, but as you see it, you will get the idea.

Simply add your alt description as a second word in your image description field and use php explode to echo it inside alt=" . . . "

Your image description field will then look like this:        image description, alt description, other description, . . . . .

Use a comma as a separator

 

[Ramon]

Thanks Pwired I will look into this.

[AndZyk]

Hello @Ramon,

if you want a simple text for the alt tag of your image, than you can just use the description field:

https://processwire.com/api/ref/pageimage/

Regards, Andreas