mod_image_show_gk4 loading in Publisher

Hi there,

When a page starts with a mod_image_show_gk4 (on top1 module position) slide show, it shows this image (screenshot1) fist (please check attached "screenshot1.jpg"), then a few seconds later, it shows another image (screenshot2) (please check attached "screenshot2.jpg") before slide show image fully loaded.

What I would like to get rid off the "screenshot1.jpg" image, only show "screenshot2.jpg" before the slide show image fully loaded.

Please advise.

Thanks
Nic

Hi,
can you attach your images again ?

Hi Konrad, thanks for your quick reply. Please see attached two screenshot pics.

Can you give me url to your website ?

Hi Konrad, thanks for the follow up. The URL is www.macvad.com.cn
Looking forward to your solution.

Thanks.
Nic

Try add this to override.css

Code: Select all

.gkIsWrapper-gk_publisher .gkIsPreloader {
height: 296px;
}


and remember to enable override.css option in template settings.

Thanks, Konrad, but it still shows the block_bg.png when the page starts and the text jumps up and down the page. I just want the page not jumping up and down. Please help. Thanks.

Try this code in override.css:

Code: Select all

.gkIsWrapper-gk_publisher {
height:296px;
}


Try this code in override.css:

Code: Select all

.gkIsWrapper-gk_publisher {
height:296px;
}


Thank you very much, Konrad. That's exactly what I want.

Would you please help me with this one, please? https://www.gavick.com/forums/publisher ... 23202.html

Thanks,
Nic

Hi Konrad,

I just found that when I use mobile to view the site, the background of the slideshow is not responsive (shows the height: 298px).

Please advise what should I do? Thanks.

Nic

Please go to layouts/default.php and find:

Code: Select all

<?php if($this->API->modules('top1')) : ?>
      <section id="gkTop1" class="gkPage gkCols3">
         <div>
            <jdoc:include type="modules" name="top1" style="<?php echo $this->module_styles['top1']; ?>"  modnum="<?php echo $this->API->modules('top1'); ?>" modcol="3" />
         </div>
      </section>
      <?php endif; ?>


and change it to:

Code: Select all

<?php if($this->API->modules('top1')) : ?>
      <section id="gkTop1" class="gkPage gkCols3 <?php if($this->browser->get("tablet") == true || $this->browser->get("mobile") == true) echo ' mysuffix';?>">
         <div>
            <jdoc:include type="modules" name="top1" style="<?php echo $this->module_styles['top1']; ?>"  modnum="<?php echo $this->API->modules('top1'); ?>" modcol="3" />
         </div>
      </section>
      <?php endif; ?>


then please change in override.css code:

Code: Select all

.gkIsWrapper-gk_publisher {
height:296px;
}


to this one:

Code: Select all

.mysuffix .gkIsWrapper-gk_publisher {
height:296px;
}


Hi Konrad, thanks a lot for your effort, but it doesn't work as we expected. I'm sure I have followed your steps above. The problem was once I have the two changed files uploaded, the block_bg.png is back again. And the top1 is still not responsive to mobile device.

Please advise.

Really need this to be solved asap. Thank you very much!

FYI, I have changed back the above two files. Just need to find a way to have top1 slideshow background responsive (a huge blank background under the slideshow pic when use mobile viewing the site).

Nic

Still waiting for a solution!!!!!!!!!!!

Please help!!!!
Nic

Still waiting for a solution!!!!!!!!!!!

Please help!!!!
Nic