Parallax Scrolling

Responsive, suitable for any type of business, built for any needs elegant one-page Joomla template.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Aug 17, 2014 1:54 pm
Reply with quote
Report this post
Hi, i'm trying to edit the parallax scrolling effects used in Image Show Pro GK4 in the creativity module. Which file will allow me to edit these settings? I have tried engine.js in mod-image-show-pro/styles/creativity/ and all of the JS files in the template folder itself, but cannot find where this is specified.

Thanks for any help.
User avatar
Fresh Boarder

GK User
Sun Aug 17, 2014 3:27 pm
Reply with quote
Report this post
templates/gk_creativity/js/gk.scripts.js
this part:
Code: Select all
         if(!navigator.userAgent.match(/msie 8/i) && pos < introh && jQuery(window).width() > 1040) {
            jQuery(intro).find('.figcaption').css('top', Math.floor((1.0 * pos) / 8.0) + "px");
         }
User avatar
Moderator

GK User
Mon Aug 18, 2014 11:49 am
Reply with quote
Report this post
Thankyou, can you explain how i might for example increase the amount of pixels that are moved by, or the direction of the effect?
User avatar
Fresh Boarder

GK User
Mon Aug 18, 2014 5:05 pm
Reply with quote
Report this post
By reducing 8.0 parameter you can speed up down direction of the animation.
Adding any side animation will cause problems with other slides showing from the bottom, but you can experiment with this kind of calculation:
Code: Select all
jQuery(intro).find('.figcaption').css('top', Math.floor((1.0 * pos) / 8.0) + "px").css('left', Math.floor((1.0 * pos) / 8.0) + "px");
User avatar
Moderator


cron