loading still image for .gkIsPreloader

Easily add amazing slideshow to your Joomla website with free Image Show module and manage them using slide manager
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Mon Mar 23, 2015 9:14 am
Hi
I would like to load the first image before this gallery. This is to help user sees the first image instead of waiting for all the 20 images to load. This is my code:
.gkIsPreloader {
background:#f1f1f1 url(../../images/accomodations/poolevening.jpg) no-repeat;background-size: 110%;height:100%;position:absolute;text-indent:-9999px;width:100%;z-index:101;
}

Somehow it doesn't seems to replace the preloader. The ID for that gallery is gkIs-gk-is-106. How should the code be?

The url for the website is: http://villacapung.com/index.php/gallery

Appreciate your help.
Tristan
User avatar
Senior Boarder

GK User
Mon Mar 23, 2015 11:27 am
Where have you added this code? To override.css?
User avatar
Moderator

GK User
Tue Mar 24, 2015 6:35 am
Hi
Yes the code is added to override.css

And I only want to affect that gallery only (there's a few on the site). Should the code be with the ID like this:

#gkIs-gk-is-106.gkIsPreloader {
background:#f1f1f1 url(../../images/accomodations/poolevening.jpg) no-repeat;background-size: 110%;height:100%;position:absolute;text-indent:-9999px;width:100%;z-index:101;
}

Thanks
User avatar
Senior Boarder

GK User
Tue Mar 24, 2015 8:35 pm
I would suggest to try:
Code: Select all
.gkIsWrapper-gk_storefront .gkIsPreloader

selector.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.