Ionize User Guide Version 0.9.6

Display medias

To display the media, we will use the <ion:medias />tag.

Loop through linked media

The <ion:medias /> tag can be used in the page context or as nested tag for the <ion:articles /> tag, to loop through a type of media.

4 kind of media are available : picture, music, video and file.

Code example

<html>

<!-- Displays the page title -->
<ion:title />

<!-- Loops through the pages PDF media -->
<ion:medias type="file" extension="pdf">

    <a href="<ion:url />"><ion:name /></a>

</ion:medias>

<!-- Loops through the articles and, for each article, display linked pictures -->
<ion:articles>

    <!-- Article's title -->
    <ion:title tag="h2" />

    <!-- Article's images medias -->
    <ion:medias type="picture">

        <!-- Displays the auto-generated thumbs from the "thumb_medium" folder as link to the full sized picture -->
        <a href="<ion:src />"><img src="<ion:src folder="medium" />" /></a>

    </ion:medias>

</ion:article>

</html>