FCG not working in Word press Lifestyle theme

[chenningfeld]

I have installed the plug in correctly add three new posts and on each post given them a custom field of articleimg and then the URL in the value field. Tested the url made sure the configuration is set up correctly. All it does is shows the wite box with the dimension that the photos should be displaying any help would be greatly appreciated. the link to the blog is http://merlin.seo-missouri.com/.

The only other plugs i have running are: All in one SEO, Akismet.

[shaunacallaghan]

I am having the exact same problem right now:

www.burbmom.net

Need some help with this! Thanks!

[admin]

chenningfeld
your server does not support short php tag, so for your jd.gallery.js.php file use this content

Code: Select all

<?php
include("../../../../wp-load.php");
$fcg_button = get_option('gallery-fcg-button') != '' ? get_option('gallery-fcg-button') : "Featured Content";
$fcg_fade_duration = get_option('gallery-fade-duration') != '' ? get_option('gallery-fade-duration') : 500;
$fcg_delay = get_option('gallery-delay') != '' ? get_option('gallery-delay') : 9000;
$fcg_default_transaction = get_option('gallery-default-transaction') != '' ? get_option('gallery-default-transaction') : "fade";

?>

/*
    This file is part of JonDesign's SmoothGallery v2.0. 3.2.0

    JonDesign's SmoothGallery is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 3 of the License, or
    (at your option) any later version.

    JonDesign's SmoothGallery is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with JonDesign's SmoothGallery; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

    Main Developer: Jonathan Schemoul (JonDesign: http://www.jondesign.net/)
    Contributed code by:
    - Christian Ehret (bugfix)
   - Nitrix (bugfix)
   - Valerio from Mad4Milk for his great help with the carousel scrolling and many other things.
   - Archie Cowan for helping me find a bugfix on carousel inner width problem.
   - Tomocchino from #mootools for the preloader class
   Many thanks to:
   - The mootools team for the great mootools lib, and it's help and support throughout the project.
*/

// declaring the class
var gallery = {
   initialize: function(element, options) {
      this.setOptions({
         showArrows: true,
         showCarousel: true,
         showInfopane: true,
         embedLinks: true,
         fadeDuration: <?php echo $fcg_fade_duration ?>,
         timed: false,
         delay: <?php echo $fcg_delay ?>,
         preloader: true,
         preloaderImage: true,
         preloaderErrorImage: true,
         /* Data retrieval */
         manualData: [],
         populateFrom: false,
         populateData: true,
         destroyAfterPopulate: true,
         elementSelector: "div.imageElement",
         titleSelector: "h2",
         subtitleSelector: "p",
         linkSelector: "a.open",
         imageSelector: "img.full",
         thumbnailSelector: "img.thumbnail",
         defaultTransition: '<?php echo $fcg_default_transaction ?>',
         /* InfoPane options */
         slideInfoZoneOpacity: 0.7,
         slideInfoZoneSlide: true,
         /* Carousel options */
         carouselMinimizedOpacity: 0.4,
         carouselMinimizedHeight: 20,
         carouselMaximizedOpacity: 0.9,
         thumbHeight: 75,
         thumbWidth: 100,
         thumbSpacing: 10,
         thumbIdleOpacity: 0.6,
         textShowCarousel: '<?php echo $fcg_button ?>',
         showCarouselLabel: true,
         thumbCloseCarousel: true,
         useThumbGenerator: false,
         thumbGenerator: 'resizer.php',
         useExternalCarousel: false,
         carouselElement: false,
         carouselHorizontal: true,
         activateCarouselScroller: true,
         carouselPreloader: true,
         textPreloadingCarousel: 'Loading...',
         /* CSS Classes */
         baseClass: 'jdGallery',
         withArrowsClass: 'withArrows',
         /* Plugins: HistoryManager */
         useHistoryManager: false,
         customHistoryKey: false
      }, options);
      this.fireEvent('onInit');
      this.currentIter = 0;
      this.lastIter = 0;
      this.maxIter = 0;
      this.galleryElement = element;
      this.galleryData = this.options.manualData;
      this.galleryInit = 1;
      this.galleryElements = Array();
      this.thumbnailElements = Array();
      this.galleryElement.addClass(this.options.baseClass);
      
      this.populateFrom = element;
      if (this.options.populateFrom)
         this.populateFrom = this.options.populateFrom;      
      if (this.options.populateData)
         this.populateData();
      element.style.display="block";
      
      if (this.options.useHistoryManager)
         this.initHistory();
      
      if (this.options.embedLinks)
      {
         this.currentLink = new Element('a').addClass('open').setProperties({
            href: '#',
            title: ''
         }).injectInside(element);
         if ((!this.options.showArrows) && (!this.options.showCarousel))
            this.galleryElement = element = this.currentLink;
         else
            this.currentLink.setStyle('display', 'none');
      }
      
      this.constructElements();
      if ((this.galleryData.length>1)&&(this.options.showArrows))
      {
         var leftArrow = new Element('a').addClass('left').addEvent(
            'click',
            this.prevItem.bind(this)
         ).injectInside(element);
         var rightArrow = new Element('a').addClass('right').addEvent(
            'click',
            this.nextItem.bind(this)
         ).injectInside(element);
         this.galleryElement.addClass(this.options.withArrowsClass);
      }
      this.loadingElement = new Element('div').addClass('loadingElement').injectInside(element);
      if (this.options.showInfopane) this.initInfoSlideshow();
      if (this.options.showCarousel) this.initCarousel();
      this.doSlideShow(1);
   },
   populateData: function() {
      currentArrayPlace = this.galleryData.length;
      options = this.options;
      var data = $A(this.galleryData);
      data.extend(this.populateGallery(this.populateFrom, currentArrayPlace));
      this.galleryData = data;
      this.fireEvent('onPopulated');
   },
   populateGallery: function(element, startNumber) {
      var data = [];
      options = this.options;
      currentArrayPlace = startNumber;
      element.getElements(options.elementSelector).each(function(el) {
         elementDict = {
            image: el.getElement(options.imageSelector).getProperty('src'),
            number: currentArrayPlace,
            transition: this.options.defaultTransition
         };
         elementDict.extend = $extend;
         if ((options.showInfopane) | (options.showCarousel))
            elementDict.extend({
               title: el.getElement(options.titleSelector).innerHTML,
               description: el.getElement(options.subtitleSelector).innerHTML
            });
         if (options.embedLinks)
            elementDict.extend({
               link: el.getElement(options.linkSelector).href||false,
               linkTitle: el.getElement(options.linkSelector).title||false,
               linkTarget: el.getElement(options.linkSelector).getProperty('target')||false
            });
         if ((!options.useThumbGenerator) && (options.showCarousel))
            elementDict.extend({
               thumbnail: el.getElement(options.thumbnailSelector).getProperty('src')
            });
         else if (options.useThumbGenerator)
            elementDict.extend({
               thumbnail: options.thumbGenerator + '?imgfile=' + elementDict.image + '&max_width=' + options.thumbWidth + '&max_height=' + options.thumbHeight
            });
         
         data.extend([elementDict]);
         currentArrayPlace++;
         if (this.options.destroyAfterPopulate)
            el.remove();
      });
      return data;
   },
   constructElements: function() {
      el = this.galleryElement;
      this.maxIter = this.galleryData.length;
      var currentImg;
      for(i=0;i<this.galleryData.length;i++)
      {
         var currentImg = new Fx.Styles(
            new Element('div').addClass('slideElement').setStyles({
               'position':'absolute',
               'left':'0px',
               'right':'0px',
               'margin':'0px',
               'padding':'0px',
               'backgroundPosition':"center center",
               'opacity':'0'
            }).injectInside(el),
            'opacity',
            {duration: this.options.fadeDuration}
         );
         if (this.options.preloader)
         {
            currentImg.source = this.galleryData[i].image;
            currentImg.loaded = false;
            currentImg.load = function(imageStyle) {
               if (!imageStyle.loaded)   {
                  new Asset.image(imageStyle.source, {
                                  'onload'  : function(img){
                                       img.element.setStyle(
                                       'backgroundImage',
                                       "url('" + img.source + "')")
                                       img.loaded = true;
                                    }.bind(this, imageStyle)
                  });
               }
            }.pass(currentImg, this);
         } else {
            currentImg.element.setStyle('backgroundImage',
                           "url('" + this.galleryData[i].image + "')");
         }
         this.galleryElements[parseInt(i)] = currentImg;
      }
   },
   destroySlideShow: function(element) {
      var myClassName = element.className;
      var newElement = new Element('div').addClass('myClassName');
      element.parentNode.replaceChild(newElement, element);
   },
   startSlideShow: function() {
      this.fireEvent('onStart');
      this.loadingElement.style.display = "none";
      this.lastIter = this.maxIter - 1;
      this.currentIter = 0;
      this.galleryInit = 0;
      this.galleryElements[parseInt(this.currentIter)].set({opacity: 1});
      if (this.options.showInfopane)
         this.showInfoSlideShow.delay(1000, this);
      var textShowCarousel = formatString(this.options.textShowCarousel, this.currentIter+1, this.maxIter);
      if (this.options.showCarousel&&(!this.options.carouselPreloader))
         this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);
      this.prepareTimer();
      if (this.options.embedLinks)
         this.makeLink(this.currentIter);
   },
   nextItem: function() {
      this.fireEvent('onNextCalled');
      this.nextIter = this.currentIter+1;
      if (this.nextIter >= this.maxIter)
         this.nextIter = 0;
      this.galleryInit = 0;
      this.goTo(this.nextIter);
   },
   prevItem: function() {
      this.fireEvent('onPreviousCalled');
      this.nextIter = this.currentIter-1;
      if (this.nextIter <= -1)
         this.nextIter = this.maxIter - 1;
      this.galleryInit = 0;
      this.goTo(this.nextIter);
   },
   goTo: function(num) {
      this.clearTimer();
      if(this.options.preloader)
      {
         this.galleryElements[num].load();
         if (num==0)
            this.galleryElements[this.maxIter - 1].load();
         else
            this.galleryElements[num - 1].load();
         if (num==(this.maxIter - 1))
            this.galleryElements[0].load();
         else
            this.galleryElements[num + 1].load();
            
      }
      if (this.options.embedLinks)
         this.clearLink();
      if (this.options.showInfopane)
      {
         this.slideInfoZone.clearChain();
         this.hideInfoSlideShow().chain(this.changeItem.pass(num, this));
      } else
         this.currentChangeDelay = this.changeItem.delay(500, this, num);
      if (this.options.embedLinks)
         this.makeLink(num);
      this.prepareTimer();
      /*if (this.options.showCarousel)
         this.clearThumbnailsHighlights();*/
   },
   changeItem: function(num) {
      this.fireEvent('onStartChanging');
      this.galleryInit = 0;
      if (this.currentIter != num)
      {
         for(i=0;i<this.maxIter;i++)
         {
            if ((i != this.currentIter)) this.galleryElements[i].set({opacity: 0});
         }
         gallery.Transitions[this.galleryData[num].transition].pass([
            this.galleryElements[this.currentIter],
            this.galleryElements[num],
            this.currentIter,
            num], this)();
         this.currentIter = num;
      }
      var textShowCarousel = formatString(this.options.textShowCarousel, num+1, this.maxIter);
      if (this.options.showCarousel)
         this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);
      this.doSlideShow.bind(this)();
      this.fireEvent('onChanged');
   },
   clearTimer: function() {
      if (this.options.timed)
         $clear(this.timer);
   },
   prepareTimer: function() {
      if (this.options.timed)
         this.timer = this.nextItem.delay(this.options.delay, this);
   },
   doSlideShow: function(position) {
      if (this.galleryInit == 1)
      {
         imgPreloader = new Image();
         imgPreloader.onload=function(){
            this.startSlideShow.delay(10, this);
         }.bind(this);
         imgPreloader.src = this.galleryData[0].image;
         if(this.options.preloader)
            this.galleryElements[0].load();
      } else {
         if (this.options.showInfopane)
         {
            if (this.options.showInfopane)
            {
               this.showInfoSlideShow.delay((500 + this.options.fadeDuration), this);
            } else
               if ((this.options.showCarousel)&&(this.options.activateCarouselScroller))
                  this.centerCarouselOn(position);
         }
      }
   },
   createCarousel: function() {
      var carouselElement;
      if (!this.options.useExternalCarousel)
      {
         var carouselContainerElement = new Element('div').addClass('carouselContainer').injectInside(this.galleryElement);
         this.carouselContainer = new Fx.Styles(carouselContainerElement, {transition: Fx.Transitions.expoOut});
         this.carouselContainer.normalHeight = carouselContainerElement.offsetHeight;
         this.carouselContainer.set({'opacity': this.options.carouselMinimizedOpacity, 'top': (this.options.carouselMinimizedHeight - this.carouselContainer.normalHeight)});
         this.carouselBtn = new Element('a').addClass('carouselBtn').setProperties({
            title: this.options.textShowCarousel
         }).injectInside(carouselContainerElement);
         if(this.options.carouselPreloader)
            this.carouselBtn.setHTML(this.options.textPreloadingCarousel);
         else
            this.carouselBtn.setHTML(this.options.textShowCarousel);
         this.carouselBtn.addEvent(
            'click',
            function () {
               this.carouselContainer.clearTimer();
               this.toggleCarousel();
            }.bind(this)
         );
         this.carouselActive = false;
   
         carouselElement = new Element('div').addClass('carousel').injectInside(carouselContainerElement);
         this.carousel = new Fx.Styles(carouselElement);
      } else {
         carouselElement = $(this.options.carouselElement).addClass('jdExtCarousel');
      }
      this.carouselElement = new Fx.Styles(carouselElement, {transition: Fx.Transitions.expoOut});
      this.carouselElement.normalHeight = carouselElement.offsetHeight;
      if (this.options.showCarouselLabel)
         this.carouselLabel = new Element('p').addClass('label').injectInside(carouselElement);
      carouselWrapper = new Element('div').addClass('carouselWrapper').injectInside(carouselElement);
      this.carouselWrapper = new Fx.Styles(carouselWrapper, {transition: Fx.Transitions.expoOut});
      this.carouselWrapper.normalHeight = carouselWrapper.offsetHeight;
      this.carouselInner = new Element('div').addClass('carouselInner').injectInside(carouselWrapper);
      if (this.options.activateCarouselScroller)
      {
         this.carouselWrapper.scroller = new Scroller(carouselWrapper, {
            area: 100,
            velocity: 0.2
         })
         
         this.carouselWrapper.elementScroller = new Fx.Scroll(carouselWrapper, {
            duration: 400,
            onStart: this.carouselWrapper.scroller.stop.bind(this.carouselWrapper.scroller),
            onComplete: this.carouselWrapper.scroller.start.bind(this.carouselWrapper.scroller)
         });
      }
   },
   fillCarousel: function() {
      this.constructThumbnails();
      this.carouselInner.normalWidth = ((this.maxIter * (this.options.thumbWidth + this.options.thumbSpacing + 2))+this.options.thumbSpacing) + "px";
      this.carouselInner.style.width = this.carouselInner.normalWidth;
   },
   initCarousel: function () {
      this.createCarousel();
      this.fillCarousel();
      if (this.options.carouselPreloader)
         this.preloadThumbnails();
   },
   flushCarousel: function() {
      this.thumbnailElements.each(function(myFx) {
         myFx.element.remove();
         myFx = myFx.element = null;
      });
      this.thumbnailElements = [];
   },
   toggleCarousel: function() {
      if (this.carouselActive)
         this.hideCarousel();
      else
         this.showCarousel();
   },
   showCarousel: function () {
      this.fireEvent('onShowCarousel');
      this.carouselContainer.start({
         'opacity': this.options.carouselMaximizedOpacity,
         'top': 0
      }).chain(function() {
         this.carouselActive = true;
         this.carouselWrapper.scroller.start();
         this.fireEvent('onCarouselShown');
         this.carouselContainer.options.onComplete = null;
      }.bind(this));
   },
   hideCarousel: function () {
      this.fireEvent('onHideCarousel');
      var targetTop = this.options.carouselMinimizedHeight - this.carouselContainer.normalHeight;
      this.carouselContainer.start({
         'opacity': this.options.carouselMinimizedOpacity,
         'top': targetTop
      }).chain(function() {
         this.carouselActive = false;
         this.carouselWrapper.scroller.stop();
         this.fireEvent('onCarouselHidden');
         this.carouselContainer.options.onComplete = null;
      }.bind(this));
   },
   constructThumbnails: function () {
      element = this.carouselInner;
      for(i=0;i<this.galleryData.length;i++)
      {
         var currentImg = new Fx.Style(new Element ('div').addClass("thumbnail").setStyles({
               backgroundImage: "url('" + this.galleryData[i].thumbnail + "')",
               backgroundPosition: "center center",
               backgroundRepeat: 'no-repeat',
               marginLeft: this.options.thumbSpacing + "px",
               width: this.options.thumbWidth + "px",
               height: this.options.thumbHeight + "px"
            }).injectInside(element), "opacity", {duration: 200}).set(this.options.thumbIdleOpacity);
         currentImg.element.addEvents({
            'mouseover': function (myself) {
               myself.clearTimer();
               myself.start(0.99);
               if (this.options.showCarouselLabel)
                  $(this.carouselLabel).setHTML('<span class="number">' + (myself.relatedImage.number + 1) + "/" + this.maxIter + ":</span> " + myself.relatedImage.title);
            }.pass(currentImg, this),
            'mouseout': function (myself) {
               myself.clearTimer();
               myself.start(this.options.thumbIdleOpacity);
            }.pass(currentImg, this),
            'click': function (myself) {
               this.goTo(myself.relatedImage.number);
               if (this.options.thumbCloseCarousel)
                  this.hideCarousel();
            }.pass(currentImg, this)
         });
         
         currentImg.relatedImage = this.galleryData[i];
         this.thumbnailElements[parseInt(i)] = currentImg;
      }
   },
   log: function(value) {
      if(console.log)
         console.log(value);
   },
   preloadThumbnails: function() {
      var thumbnails = [];
      for(i=0;i<this.galleryData.length;i++)
      {
         thumbnails[parseInt(i)] = this.galleryData[i].thumbnail;
      }
      this.thumbnailPreloader = new Preloader();
      this.thumbnailPreloader.addEvent('onComplete', function() {
         var textShowCarousel = formatString(this.options.textShowCarousel, this.currentIter+1, this.maxIter);
         this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);
      }.bind(this));
      this.thumbnailPreloader.load(thumbnails);
   },
   clearThumbnailsHighlights: function()
   {
      for(i=0;i<this.galleryData.length;i++)
      {
         this.thumbnailElements[i].clearTimer();
         this.thumbnailElements[i].start(0.2);
      }
   },
   changeThumbnailsSize: function(width, height)
   {
      for(i=0;i<this.galleryData.length;i++)
      {
         this.thumbnailElements[i].clearTimer();
         this.thumbnailElements[i].element.setStyles({
            'width': width + "px",
            'height': height + "px"
         });
      }
   },
   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;
         try {
           this.carouselWrapper.elementScroller.scrollTo(scrollPos,0);
         }
         catch(e) {
           this.carouselWrapper.elementScroller.scrollTo = (scrollPos,0);
         }
      }
   },
   initInfoSlideshow: function() {
      /*if (this.slideInfoZone.element)
         this.slideInfoZone.element.remove();*/
      this.slideInfoZone = new Fx.Styles(new Element('div').addClass('slideInfoZone').injectInside($(this.galleryElement))).set({'opacity':0});
      var slideInfoZoneTitle = new Element('h2').injectInside(this.slideInfoZone.element);
      var slideInfoZoneDescription = new Element('p').injectInside(this.slideInfoZone.element);
      this.slideInfoZone.normalHeight = this.slideInfoZone.element.offsetHeight;
      this.slideInfoZone.element.setStyle('opacity',0);
   },
   changeInfoSlideShow: function()
   {
      this.hideInfoSlideShow.delay(10, this);
      this.showInfoSlideShow.delay(500, this);
   },
   showInfoSlideShow: function() {
      this.fireEvent('onShowInfopane');
      this.slideInfoZone.clearTimer();
      element = this.slideInfoZone.element;
      element.getElement('h2').setHTML(this.galleryData[this.currentIter].title);
      element.getElement('p').setHTML(this.galleryData[this.currentIter].description);
      if(this.options.slideInfoZoneSlide)
         this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity], 'height': [0, this.slideInfoZone.normalHeight]});
      else
         this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity]});
      if (this.options.showCarousel)
         this.slideInfoZone.chain(this.centerCarouselOn.pass(this.currentIter, this));
      return this.slideInfoZone;
   },
   hideInfoSlideShow: function() {
      this.fireEvent('onHideInfopane');
      this.slideInfoZone.clearTimer();
      if(this.options.slideInfoZoneSlide)
         this.slideInfoZone.start({'opacity': 0, 'height': 0});
      else
         this.slideInfoZone.start({'opacity': 0});
      return this.slideInfoZone;
   },
   makeLink: function(num) {
      this.currentLink.setProperties({
         href: this.galleryData[num].link,
         title: this.galleryData[num].linkTitle
      })
      if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))
         this.currentLink.setStyle('display', 'block');
   },
   clearLink: function() {
      this.currentLink.setProperties({href: '', title: ''});
      if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))
         this.currentLink.setStyle('display', 'none');
   },
   /* To change the gallery data, those two functions : */
   flushGallery: function() {
      this.galleryElements.each(function(myFx) {
         myFx.element.remove();
         myFx = myFx.element = null;
      });
      this.galleryElements = [];
   },
   changeData: function(data) {
      this.galleryData = data;
      this.clearTimer();
      this.flushGallery();
      if (this.options.showCarousel) this.flushCarousel();
      this.constructElements();
      if (this.options.showCarousel) this.fillCarousel();
      if (this.options.showInfopane) this.hideInfoSlideShow();
      this.galleryInit=1;
      this.lastIter=0;
      this.currentIter=0;
      this.doSlideShow(1);
   },
   /* Plugins: HistoryManager */
   initHistory: function() {
      this.fireEvent('onHistoryInit');
      this.historyKey = this.galleryElement.id + '-picture';
      if (this.options.customHistoryKey)
         this.historyKey = this.options.customHistoryKey();
      this.history = HistoryManager.register(
         this.historyKey,
         [1],
         function(values) {
            if (parseInt(values[0])-1 < this.maxIter)
               this.goTo(parseInt(values[0])-1);
         }.bind(this),
         function(values) {
            return [this.historyKey, '(', values[0], ')'].join('');
         }.bind(this),
         this.historyKey + '\\((\\d+)\\)');
      this.addEvent('onChanged', function(){
         this.history.setValue(0, this.currentIter+1);
      }.bind(this));
      this.fireEvent('onHistoryInited');
   }
};
gallery = new Class(gallery);
gallery.implement(new Events);
gallery.implement(new Options);

gallery.Transitions = new Abstract ({
   fade: function(oldFx, newFx, oldPos, newPos){
      oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
      oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;
      if (newPos > oldPos) newFx.start({opacity: 1});
      else
      {
         newFx.set({opacity: 1});
         oldFx.start({opacity: 0});
      }
   },
   crossfade: function(oldFx, newFx, oldPos, newPos){
      oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
      oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;
      newFx.start({opacity: 1});
      oldFx.start({opacity: 0});
   },
   fadebg: function(oldFx, newFx, oldPos, newPos){
      oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
      oldFx.options.duration = newFx.options.duration = this.options.fadeDuration / 2;
      oldFx.start({opacity: 0}).chain(newFx.start.pass([{opacity: 1}], newFx));
   }
});

/* All code copyright 2007 Jonathan Schemoul */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Follows: Preloader (class)
* Simple class for preloading images with support for progress reporting
* Copyright 2007 Tomocchino.
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

var Preloader = new Class({
 
  Implements: [Events, Options],

  options: {
    root        : '',
    period      : 100
  },
 
  initialize: function(options){
    this.setOptions(options);
  },
 
  load: function(sources) {
    this.index = 0;
    this.images = [];
    this.sources = this.temps = sources;
    this.total = this. sources.length;
   
    this.fireEvent('onStart', [this.index, this.total]);
    this.timer = this.progress.periodical(this.options.period, this);
   
    this.sources.each(function(source, index){
      this.images[index] = new Asset.image(this.options.root + source, {
        'onload'  : function(){ this.index++; if(this.images[index]) this.fireEvent('onLoad', [this.images[index], index, source]); }.bind(this),
        'onerror' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this),
        'onabort' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this)
      });
    }, this);
  },
 
  progress: function() {
    this.fireEvent('onProgress', [Math.min(this.index, this.total), this.total]);
    if(this.index >= this.total) this.complete();
  },
 
  complete: function(){
    $clear(this.timer);
    this.fireEvent('onComplete', [this.images]);
  },
 
  cancel: function(){
    $clear(this.timer);
  }
 
});

Preloader.implement(new Events, new Options);

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Follows: formatString (function)
* Original name: Yahoo.Tools.printf
* Copyright Yahoo.
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

function formatString() {
   var num = arguments.length;
   var oStr = arguments[0];
   for (var i = 1; i < num; i++) {
      var pattern = "\\{" + (i-1) + "\\}";
      var re = new RegExp(pattern, "g");
      oStr = oStr.replace(re, arguments[i]);
   }
   return oStr;
}

[admin]

shaunacallaghan
I see your gallery working on your site

[chenningfeld]

Thanks a ton.

[admin]

you are welcome

[maryseas]

you know, I'm having the same problem...wordpress lifestyle theme FCG working just fine, then stopped working. I had added some plugins, so went back and deactivated many (those I had added) plus then upgraded everything, including FCG. Still same result. No slideshow. Just black. I'm really pretty lost at this point.

Here is the site: MaryEnglund.com/seascapes

[admin]

maryseas, you fixed it? I see everything is good on you site

[ninaeast]

I am now having the same problem.
The featured content gallery will not show in Firefox (leaves a blank white box), but works fine in Internet Explorer. Go figure.
I have cleared the cache multiple times in both browsers to verify it is working properly in IE but not firefox.

The changes I had made prior to noticing this was happening were changing blog-page php so that blog would show all posts, and I updated some plugins.
I returned the blog-page php back to the original and deactivated all the plugins I had updated.

Still no luck.
I have deleted FCG via FTP and reloaded via FTP. I have also deleted it via the wordpress plugins screen and re-downloaded it via the wordpress plugins screen.
Both times - When I reactive it, all the settings I had before are still there. Not sure if that is supposed to happen or if it is an indicator of what the problem is.

Any help/ideas on why this is showing up as a problem today, and what I need to do about it.
http://www.PersonalGrowthPrincess.com.

Oh, I have also tried other StudioPress themes and the same problem persists - FCG works in IE, not in firefox.

Thanks,
Nina!

[admin]

try to disable twitter-this plugin