Search…

X3 Photo Gallery Support Forums

Search…

Html version35 postsPage 1 of 3

Post Reply
 
grimurnet
Experienced
Topic Author
Posts: 360
Joined: 17 Dec 2010, 04:50

Html version

15 Mar 2013, 17:37

Is there any info regarding the new html version of imagevue?
It is quite long since it was mentioned.
Top
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Html version

17 Mar 2013, 01:06

Unfortunately, we cannot offer any public news about new version at this point.
Top
 
grimurnet
Experienced
Topic Author
Posts: 360
Joined: 17 Dec 2010, 04:50

Html version

17 Mar 2013, 05:54

:-(
Top
 
grimurnet
Experienced
Topic Author
Posts: 360
Joined: 17 Dec 2010, 04:50

Re: Html version

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/
Top
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

Re: Html version

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:
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>
firedev.com
Top
 
grimurnet
Experienced
Topic Author
Posts: 360
Joined: 17 Dec 2010, 04:50

Re: Html version

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?
Top
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

Re: Html version

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.
firedev.com
Top
 
oneANT
Experienced
Posts: 36
Joined: 01 Aug 2011, 22:55

Re: Html version

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.
Top
 
grimurnet
Experienced
Topic Author
Posts: 360
Joined: 17 Dec 2010, 04:50

Html version

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
Code 
<!--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
Code 
<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.
Top
 
grimurnet
Experienced
Topic Author
Posts: 360
Joined: 17 Dec 2010, 04:50

Re: Html version

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.
Top
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

Re: Html version

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.
firedev.com
Top
 
grimurnet
Experienced
Topic Author
Posts: 360
Joined: 17 Dec 2010, 04:50

Re: Html version

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/
Top
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

Re: Html version

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.
firedev.com
Top
 
grimurnet
Experienced
Topic Author
Posts: 360
Joined: 17 Dec 2010, 04:50

Re: Html version

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:
Code 

<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?
Top
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

Re: Html version

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:
Code 
<img src="<?php echo htmlspecialchars($this->folder->thumbnail); ?>
Title t() stands for translation in case you have a few languages:
Code 
<?php echo (t($this->folder->getTitle())); ?>
Description
Code 
<?php echo t($this->folder->description); ?>
firedev.com
Top
Post Reply