Forum Support

Shape 5
May 11, 2021, 08:24:06 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Making the Slider Circles disappear if there is no text in them [FIXED]  (Read 404 times)
ajstevens
Jr. Member
**
Offline Offline

Posts: 36



« on: July 27, 2013, 09:08:26 AM »

Hi All.

Just wanted to share a nice little addition to the template.  Shape5.com staff, please feel free to add this to the current code, to improve the next templates as they are released.

As it stands, if you leave the text fields empty on the Image and Content Fader module, the large circles still appear, which can get in the way of your images.

I have added a few lines to the javascript to change the CSS opacity depending on the text fields content.  In other words, no text in the field?  Then no cirlces are displayed.

Follow these instructions:

JOOMLA DIRECTORY/modules/mod_s5_image_and_content_fader/js/jd.gallery.js

1. Change line 1161 and 1163 to:
Code:
var slideInfoZoneTitle = new Fx.Morph(new Element('h2').injectInside(this.slideInfoZone.element)).set({'opacity':0});

var slideInfoZoneDescription = new Fx.Morph(new Element('p').injectInside(this.slideInfoZone.element)).set({'opacity':0});

2. Line 1187 change
Code:
showInfoSlideShow: function() { ....
to this:
Code:
showInfoSlideShow: function() {

this.fireEvent('onShowInfopane');

this.slideInfoZone.cancel();

element = this.slideInfoZone.element;

element.getElement('h2').set('html', this.galleryData[this.currentIter].title);

if(this.galleryData[this.currentIter].title){
element.getElement('h2').set('opacity', 1);
};
if(!this.galleryData[this.currentIter].title){
element.getElement('h2').set('opacity', 0);
};

element.getElement('p').set('html', this.galleryData[this.currentIter].description);

if(this.galleryData[this.currentIter].description){
element.getElement('p').set('opacity', 1);
};
if(!this.galleryData[this.currentIter].description){
element.getElement('p').set('opacity', 0);
};

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;

},
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: August 05, 2013, 06:00:24 PM »

Hello,

Thanks for the coding addition.

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.