current image highlighted on thumbnails

[amcmillin]

I have the plugin installed and working properly, I have everything where I want it and customized. However, I cant for the life of me figure out how I am going to have the current thumbnail with a opacity of .99 and once it goes to the next slide to highlight the next on the list.

any help is appreciated.

[ktsixit]

Hello, have you found a solution to this one?

[popculturezoo]

I am trying to figure this out as well. Anyone have any thoughts on where to begin?

[admin]

open file scripts/jd.gallery.js.php

find function:

Code: Select all

centerCarouselOn: function(num) {
      if (!this.carouselWallMode)
      {
         var carouselElement = this.thumbnailElements[num];
         var position = carouselElement.element.offsetLeft + (carouselElement.element.offsetWidth / 2);
         var carouselWidth = this.carouselWrapper.element.offsetWidth;
         var carouselInnerWidth = this.carouselInner.offsetWidth;
         var diffWidth = carouselWidth / 2;
         var scrollPos = position-diffWidth;
         this.carouselWrapper.elementScroller.start(scrollPos,0);
      }
   },

and replace it with

Code: Select all

centerCarouselOn: function(num) {
        if (!this.carouselWallMode)
        {
            var carouselElement = this.thumbnailElements[num];
            var position = carouselElement.element.offsetLeft + (carouselElement.element.offsetWidth / 2);
            var carouselWidth = this.carouselWrapper.element.offsetWidth;
            var carouselInnerWidth = this.carouselInner.offsetWidth;
            var diffWidth = carouselWidth / 2;
            var scrollPos = position-diffWidth;
            this.clearThumbnailsHighlights();
            this.thumbnailElements[num].cancel();
            this.thumbnailElements[num].start({'opacity':0.99});
            this.carouselWrapper.elementScroller.start(scrollPos,0);
        }
    },

Then find funtion

Code: Select all

clearThumbnailsHighlights: function()
   {
      for(i=0;i<this.galleryData.length;i++)
      {
         this.thumbnailElements[i].cancel();
         this.thumbnailElements[i].start(0.2);
      }
   },

and replace it with

Code: Select all

clearThumbnailsHighlights: function()
    {
        for(i=0;i<this.galleryData.length;i++)
        {
            this.thumbnailElements[i].cancel();
            this.thumbnailElements[i].start({'opacity':this.options.thumbIdleOpacity});
        }
    },

[popculturezoo]

I changed the specified code, but it doesn't appear to do anything on my site.

http://popculturezoo.com

[sidjags]

any solution to this issue? i too tried out the code... but doesnt seem to work out. Any help please? would greatly appreciate it... i absolutely love this plugin. of all the hundreds of slider plugins out there... this one has everything! ... this seems to be the last piece of the puzzle... to highlight the thumb that is active...

[sidjags]

the code that has been suggested as a fix seems to have a problem... i am unable to locate the exact "lines of code" that are mentioned in the fix.. the function name is correct, but the details of the code are not matching up... i am using the latest version from the wordpress website.. and perhaps there is a version issue... any help would be greatly appreciated.

[admin]

try to search by function names and replace the whole functions
clearThumbnailsHighlights
and
centerCarouselOn

[sidjags]

Thank you for the quick response... but unfortunately, the fix you recommended did not work for me. Let me give you where i stand: i've adjusted the settings (based on what ive been reading in the forums) to:
1. always show the thumbnails
2. Move thumbnails to the bottom of the pic & text
now... i want the thumbnail which is on to "highlight"... i see the code you've given seems to suggest to call a variable "thumbidleopacity" ... but this is what the other thumbs are also calling... and the opacity of this is set to 0.6... but shoudnt this one be of greater opacity than the rest... something like 0.99... so, should we define a new variable and give it a value of 0.99?
Also.. i've noticed that on line 295-296 there is a function that is commented out... the following function: if (this.options.showCarousel) this.clearThumbnailsHighlights();... would this be an issue? and lastly... there are two files... one js and one php... should we be making the same changes on both the files?
your help would be greatly appreciated. thank you so much for providing this wonderful plugin, and the questions i ask are merely to help with customizing it. Thank you once again...

[admin]

the file to be modified is jd.gallery.js.php