change default.htm in your component this:

<link rel="stylesheet" type="text/css" href="plugins/Spec/uGallery/components/gallerij/resources/UberGallery.css" />
<link rel="stylesheet" type="text/css" href="plugins/Spec/uGallery/components/gallerij/resources/colorbox/1/colorbox.css" />
<script type="text/javascript" src="plugins/Spec/uGallery/components/gallerij/resources/jquerymin.js">
<script type="text/javascript" src="plugins/Spec/uGallery/components/gallerij/resources/colorbox/jquery.colorbox.js">
<script type="text/javascript">
    $(document).ready(function(){
        $("a[rel='colorbox']").colorbox({maxWidth: "90%", maxHeight: "90%", opacity: ".5"});
    });


{{__SELF__.View}}

on this:

{% put scripts %}
    
    $(document).ready(function(){
        $("a[rel='colorbox']").colorbox({maxWidth: "90%", maxHeight: "90%", opacity: ".5"});
    });
    
{% endput %}

{{__SELF__.View}}

And add onRun function in your component cmpGallery.php

public function onRun()
{
        $this->addCss('/plugins/spec/ugallery/components/gallerij/resources/UberGallery.css');
        $this->addCss('/plugins/spec/ugallery/components/gallerij/resources/colorbox/1/colorbox.css');
        $this->addJs('/plugins/spec/ugallery/components/gallerij/resources/jquerymin.js');
        $this->addJs('/plugins/spec/ugallery/components/gallerij/resources/colorbox/jquery.colorbox.js');
}

Last updated 9 years ago