Forum Support

Shape 5
September 22, 2021, 12:45:23 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: Info Slider control amount of slide-over that displays  (Read 310 times)
biru32
Jr. Member
**
Offline Offline

Posts: 54

Gravatar


« on: February 26, 2014, 10:52:48 AM »

Hi there, I looked in the s5_info_slide.js file for this, but I'm not exactly sure how this is controlled. I would like the info slide-over feature to appear or cover a percentage of the image behind it. For example: Instead of the black slide-over covering 100% of the image behind it, I would like for it to maybe cover 50% or 33%, etc. Make sense?

Thanks!

Jason
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #1 on: February 27, 2014, 02:29:36 PM »

Unfortunately, I'm not a javascript specialist, and I have no idea where to look.  Even if I was, custom coding isn't covered by support; I suggest checking out the Hire-a-Coder area to see if anyone can help.
Logged

Tristan Rineer
------------
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
biru32
Jr. Member
**
Offline Offline

Posts: 54

Gravatar


« Reply #2 on: March 03, 2014, 03:59:44 PM »

I wouldn't classify this as custom coding, just a matter of changing one item in the script. Anyway, just in case someone else asks this question, I wanted to post my solution:

Look for the following code:

jQuery(item).mouseenter(function (d) {var height=items.eq(index).children('img')[0].offsetHeight;                           jQuery('.'+options.items5_is_slide,jQuery(d.target).parents('.'+options.s5_is)).eq(0).animate({height:height+'px'},300);                        });

within that look for: {height:height+'px'} within that string of script.

Add this: ,'height':'43%' after the 'px'

Your final section of script should look like this: jQuery(item).mouseenter(function (d) {var height=items.eq(index).children('img')[0].offsetHeight;                           jQuery('.'+options.items5_is_slide,jQuery(d.target).parents('.'+options.s5_is)).eq(0).animate({height:height+'px','height':'43%'},300);                        });

I used 43%, but you can use anything you like.

Jason
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #3 on: March 04, 2014, 01:23:14 PM »

"Custom Coding" means anything not related to bugfixes or outside the intended function of the release.

Thanks for the info though!  Hopefully anyone wanting to do the same thing in the future will find this thread and be able to use the information.
Logged

Tristan Rineer
------------
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.