Photo Gallery Forums

Posted: **15 Mar 2013, 17:37**

Is there any info regarding the new html version of imagevue?
It is quite long since it was mentioned.

Posted: **17 Mar 2013, 01:06**

Unfortunately, we cannot offer any public news about new version at this point.

Posted: **17 Mar 2013, 05:54**

Posted: **26 Mar 2013, 12:37**

Is there a way for the time being to upgrade the lightbox to a new version that supports auto play for the photos?
And also if I can choose what theme to use? If I do this myself could you show me what files to change and so on?

I would like to use this: http://lokeshdhakar.com/projects/lightbox2/

Posted: **27 Mar 2013, 07:01**

If you are saying about using it in HTML view you can replace Colorbox <script> tag in iv-inlcludes/templates/default/layout.html:

<script type="text/javascript" src="<?php echo htmlspecialchars(IV_PATH); ?>assets/colorbox/jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="<?php echo htmlspecialchars(IV_PATH); ?>assets/colorbox/colorbox.css" type="text/css" media="screen" />

and then change callback in index.html.phtml

<script type="text/javascript">
// <![CDATA[
  (function ($) {
    $(document).ready(function () {
      $("a[rel='colorbox']").colorbox({
				maxWidth: "95%",
				maxHeight: "95%",
      });
    });
  })(jQuery);
// ]]>
</script>

Posted: **27 Mar 2013, 08:10**

Nick wrote:If you are saying about using it in HTML view you can replace Colorbox <script> tag in iv-inlcludes/templates/default/layout.html:
Code
<script type="text/javascript" src="<?php echo htmlspecialchars(IV_PATH); ?>assets/colorbox/jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="<?php echo htmlspecialchars(IV_PATH); ?>assets/colorbox/colorbox.css" type="text/css" media="screen" />
and then change callback in index.html.phtml
Code
<script type="text/javascript">
// <![CDATA[
  (function ($) {
    $(document).ready(function () {
      $("a[rel='colorbox']").colorbox({
				maxWidth: "95%",
				maxHeight: "95%",
      });
    });
  })(jQuery);
// ]]>
</script>

Thanks for the info.
Is there nothing more to be changed to get it to work with imagevuex?

Posted: **27 Mar 2013, 23:44**

I don't think so. There is rel='colorbox' attribute on image links. Just use $(a[rel=colorbox]) in selector for the other lightbox script.

Posted: **28 Mar 2013, 02:54**

mjau-mjau wrote:Unfortunately, we cannot offer any public news about new version at this point.

Then could you point out the weakest member of the team, or at least the one with the most undesirable secrets so that we might set to work on them.

Strangely my own suspicions exclude Karl from having any dirty secrets to speak of and instead I think someone should take him out for a drink and a bit of dancing.

Posted: **01 Apr 2013, 12:39**

Nick wrote:I don't think so. There is rel='colorbox' attribute on image links. Just use $(a[rel=colorbox]) in selector for the other lightbox script.

I have put the lightbox folder under assets folder, what should I change in the rel=

to explain better:

I put the following here -> layout.phtml

<!--Lightbox JS-->
<script type="text/javascript" src="<?php echo htmlspecialchars(IV_PATH); ?>assets/lightbox/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<?php echo htmlspecialchars(IV_PATH); ?>assets/lightbox/lightbox.js"></script>
<!--Lightbox CSS-->
<link rel="stylesheet" href="<?php echo htmlspecialchars(IV_PATH); ?>assets/lightbox/css/lightbox.css" />

And have tried to put into /iv-includes/templates/default/layout.phtml

<script type="text/javascript">
// <![CDATA[
  (function ($) {
    $(document).ready(function () {
      $("a[rel='lightbox']").lightbox({
            maxWidth: "95%",
            maxHeight: "95%",
      });
    });
  })(jQuery);
// ]]>
</script>

But it does not work, only opens the image in a new window.

Posted: **02 Apr 2013, 08:17**

I have gotten the slideshow to work for colorbox, but the loading graphics is not visible and also is there a way to add a playpause button. I was able to add a link play slideshow and stop slideshow, by adding slideshow: true. But I would like to have it like the arrows, playpause button. And display loading graphics while loading image.

Posted: **02 Apr 2013, 12:32**

Sorry I don't have a simple answer that would solve everything, I believe you have to poke around to get what you want.

Posted: **02 Apr 2013, 12:46**

Can you at least tell me where I do the changes to make it look the way I like.
This is the version I would like: http://www.jacklmoore.com/colorbox/example5/

Posted: **02 Apr 2013, 13:34**

I think open web inspector in your browser, and look for the missing files in the network tab, sounds like there might be some images missing.

Posted: **17 Apr 2013, 07:58**

A few questions regarding html version.

I'm trying to implement facebox 2 to the html version, I've got that to work. There are a few things I would like to know how to display.
1. description, foldername and so on.
2. How can I have a thumbnail of a image instead of folder icon?

Here is the code I'm using:


<script type="text/javascript">
$(".fancybox").fancybox({

beforeShow : function() {
    this.title = '' + (this.index + 1) + ' / ' + this.group.length;
    },
    	thumbs : {
            width: 65,
            height: 65
        },
        title : {
            type : 'outside',
        },
        overlay : {
            showEarly : false,
            closeClick : false,
            css: { 'background': 'rgba(102, 102, 102, 1)' },
    }
}

});

</script>

I was wondering if there is a way to grab the first photo from a folder and use that as the thumbnail? Or use the same thumbnail as the flash version?

Posted: **17 Apr 2013, 23:20**

If this code is in phtml file you can embed all data from the current folder, just look around in the existing code.

Thumbnail:

<img src="<?php echo htmlspecialchars($this->folder->thumbnail); ?>

Title t() stands for translation in case you have a few languages:

<?php echo (t($this->folder->getTitle())); ?>

Description

<?php echo t($this->folder->description); ?>

Photo Gallery Forums

Html version

Html version

Re: Html version

Html version

Re: Html version

Re: Html version

Re: Html version

Re: Html version

Re: Html version

Html version

Re: Html version

Re: Html version

Re: Html version

Re: Html version

Re: Html version

Re: Html version