Vfxdude

premium wordpress themes

• Home
• Documentation
• Downloads
• Forum

Register or log in - lost password?

Username
Password

Remember me

1. 

   blogmeistress
   Member

   Hi there

   I have used the bfslider on a very image intensive website:
   http://www.weixelbaumerdesign.com/interiors/commercial/cape-grace-hotel/gallery/

   I have a fast internet connection, and experience no issues with loading, but on other machines with slower connections, there have been reports of the arrows on either side of the gallery either taking a very long time to load, or not appearing at all...

   At a guess, this is because the galleries are quite large (I have reduced the quality as far as I can whilst staying within the client's required range). What I would like to know is whether this could be avoided by having the arrows load first, so that they appear before the gallery loads, and visitors can then slowly browse as the images appear? Is this a feasible solution?

   Thanks!

   Pia

   Posted 1 year ago #
2. 

   vfxdude
   admin

   preloading of images can be done like explained here. Button style 3-5 got no images to load, so you might test those too, by adding this parameter to the shortcode: buttons="style3".

   Posted 1 year ago #
3. 

   blogmeistress
   Member

   Thanks, tried the preloading but that didn't seem to work, either, unfortunately.
   I then went with style5, which seems to load okay. But, my client would like the arrows to be in the same place as style 2... ie half way down and just to the left and right of the images instead of on top of them. Is this possible?

   I had a go at changing the position in the styleseheet (slider-arrow), but although I can move the arrows down, I can't figure out how to move the hotspot (had a look at your advice here but sadly don't know enough to be able to change the custom-easyslider1.7.js file).

   And help would be much appreciated!

   Thanks.

   Posted 1 year ago #
4. 

   blogmeistress
   Member

   PS The new link for where I'm testing this out is here

   Posted 1 year ago #
5. 

   vfxdude
   admin

   well, the arrows can be moved with some css overriding. It's best to add the overriding css in a child theme, because then it will automatically have higher specificity than the css set by the theme settings. Use Firebug to figure these thing out.

   Here's css for moving the style5 arrows:
   .next-button, .prev-button { display:none !important; }
.slider-arrow { border-color: transparent #000; }
.next-arrow { left:auto !important; right: -30px !important; }
.prev-arrow { left: -30px !important; }
.bfslider #nextBtn-Cape-Grace-Hotel-hs { left: auto; right: -50px; width: 30px; }
.bfslider #prevBtn-Cape-Grace-Hotel-hs { left: -50px; width: 30px; }

   btw, I have now added this as style6....

   Posted 12 months ago #

RSS feed for this topic

Reply

You must log in to post.