Beispiel #1
0
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
</div>
<!-- <div id="blueimp-gallery-carousel" class="blueimp-gallery blueimp-gallery-carousel">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
</div> -->
<?php 
BlueimpAsset::register($this);
$js = <<<JS
document.getElementById('links').onclick = function (event) {
    event = event || window.event;
    var target = event.target || event.srcElement,
        link = target.src ? target.parentNode : target,
        options = {index: link, event: event},
        links = this.getElementsByTagName('a');
    blueimp.Gallery(links, options);
};
JS;
//     $js = <<<JS2
// blueimp.Gallery(
//     document.getElementById('links').getElementsByTagName('a'),
//     {
//         container: '#blueimp-gallery-carousel',
 private function registerAsset()
 {
     BlueimpAsset::register($this->getView());
 }