News Show GK5 Want to show images without scrolling

Hi all

http://www.dariosdesign.com.au

When loading the site and clicking "What we do"
--> module comes up and pulls in the correct images.

When then choosing one of the images we jump to the detailed article of this image.

Then choosing "What we do" in the main menu
--> we come back to the module, but this time the images do not load.

When scrolling the page the images load.

However I would like the images to load right away.

How is this possible?

Thanks for any hints.
Romano

Hi

In a bottom of gk_stuff.css file You will find a code for animation. Please delete this 2 classes and animation will be removed.

Hi

In a bottom of gk_stuff.css file You will find a code for animation. Please delete this 2 classes and animation will be removed.

Deleted the 2 following
now nothing shows....

maybe that was overkill

Romano


/* Portfolio - animation */
.gkNspPM-Portfolio .animate_queue_element {
opacity: 0; filter: alpha(opacity=0);
position: relative;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .4s ease-out!important;
-moz-transition: all .4s ease-out!important;
-ms-transition: all .4s ease-out!important;
-o-transition: all .4s ease-out!important;
transition: all .4s ease-out!important;
}

.gkNspPM-Portfolio .animate_queue_element.loaded {
opacity: 1; filter: alpha(opacity=100);
top: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

I have tried all kind of combinations with this bit of css code.

deleted all of it ---> nothing shows

deleted just part of it. same as it always was. the images only show when scrolling

I think I need some more help with this. So if anybody has some idea regarding showing the articles without scrolling, I would love to hear from you.

Thanks
Romano

Hi

I've advised the exact same thing for same question yesterday and it worked. Please send me an access to joomla panel I'll experiment with this myself.

Hi
Just e-mailed you my credentials for the site.
Thank you!
Romano

Hi

You are right. There were one more class needed modification. In gk_stuff.css in line 397 a scale values needs to be changed to 1. I've done that already:

Code: Select all

.gkNspPM-Portfolio .gkImagesWrapper > a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 1%;
  padding: 0;
  position: relative;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
}


super!
Thank you very much.
Romano

Hi

No problem. Glad I could help.