Image Slider looper

[jmcphail]

I created a new slider for images provided by a JSON provider. My question is if there is a way to also include the “Alt Text” for the images.

I have an image field place on the slide and see that the alt text can be dynamically provided, I’m just not sure what to do to pick up the alternate text from the media.

[jmcphail]

I guess I figured out what I needed to do, but still curious if there is a more automated way to get the alt text from an image.

Since I setup the provider as JSON, I just added another key for the alt text and added that key to the image consumer alt text field.

[ruenel]

Hey Jeff,

Thanks for writing in!

In our Logo Carousel Slider, we uses this JSON data:

{
    "company"     : "Themeco",
    "svg"         : "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 4320 504\" xml:space=\"preserve\"><path d=\"M198 0H0v108h198v396h108V108h198V0H306zM1008 198H720V0H612v504h108V306h288v198h108V0h-108zM1224 0h504v108h-504zM1224 198h504v108h-504zM1224 396h504v108h-504zM2214 0h-378v504h108V108h162v396h108V108h162v396h108V0h-108zM2592 0h504v108h-504zM2592 198h504v108h-504zM2592 396h288v108h-288zM2988 396h108v108h-108zM3204 0v504h504V396h-396V108h396V0h-396zM4212 0h-396v504h504V0h-108zm0 396h-288V108h288v288z\"\/><\/svg>",
    "height"      : "0.5em",
    "positionTop" : "0.25em"
  }

You can use the “company” field as your alt text. You can simply use this {{dc:looper:field key="company"}} for the Alt Text.

Regretfully since this is a JSON data, you will be relying on the data and there is no other way to automate the ALT Text.

Best Regards.