PmWiki | Galleria / Images with captions

<< Galleria and pmGallery combined | All Demos | >>

Add image captions by placing the text after the attached image, and include this markup in config.php:

$HTMLFooterFmt['galleria-js'] = '
<script type="text/javascript"><!--
$(document).ready(function(){
  $(".Galleria").galleria({
    dataConfig: function(img){
      return { description: $(img).nextAll(\'em\').html() };
    }
  });
});
//--></script>';

(:div id="demo" class="Galleria":)
* Attach:P5123230.jpg"This is image 1 -- very nice"|''caption''
* Attach:P5123234.jpg"Image two seems a bit out of focus -- no caption"
* Attach:P5123241.jpg|''No Description''
* Attach:P5123242.jpg"x"|''A caption, image4''
* Attach:P5123247.jpg"x"|''A caption, image5''
* Attach:PC293632.jpg"x"|''A caption, image6''
(:divend:)

|caption
|No Description
|A caption, image4
|A caption, image5
|A caption, image6

Caption

Caption