[Pro] Background supersizer and showcase gallery

Is it possible to have a background image via the supersizer action and to have a showcase gallery on top of this - in my efforts so far they seem to cancel each other out and neither works properly.

thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi there I was just to start a thread about this exact problem so here it is again… The background supersizer action does not work with a showcase gallery on same page, not does it work on a page that has a HTML5 video… any help with this/ Thanks Guys!
C


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sounds to me like a scripting conflict.

Do you need to have the background switch between different images, or just
fill the background?


Ernie Simpson

On Mon, Mar 18, 2013 at 1:41 AM, Carla email@hidden wrote:

Hi there I was just to start a thread about this exact problem so here it
is again… The background supersizer action does not work with a showcase
gallery on same page, not does it work on a page that has a HTML5 video…
any help with this/ Thanks Guys!
C


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hey Ernie

no switch just one image in folder
any ideas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, Carla - I do have an idea.

Instead of the BGSupersizer action, add your background image to the window
background in the usual way - through the Page Inspector.

Then, go to menu Page > Extended… there, create a new custom style rule

  background-size

with a value of

  cover

Then add another custom style rule

  background-attachment

with the value of

  fixed

Republish, Save, the Preview. This solution uses only CSS so there is no
scripting to conflict :slight_smile:


Ernie Simpson


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Great Thx Ernie
will get right back to report status!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hey Ernie

ok I used your fix the background image is the same as before I used supersizer action - when I put image in background without your code - its fine but does not grab the bottom of browser like supersizer did

with your code it looks the same as without. but I am willing to let go of the need to grab bottom of window although the image view is a bit different than images on the pages with supersizer
thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ernie
retested regular background image without your code and your code by far fills the page much better
so I am happy thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hey Carla,

You can adjust the origin position of the background image in the Pro 6
inspector - some of the image will always fall outside the browser window
because “cover” will always cover the window even when it’s not the same
shape as the window (aspect ratio). Setting the horizontal and vertical
both to “center” is usually best, but if the bottom is more important to
you, set the vertical to “bottom”. Try different settings, see if you can
at least improve the experience.

An alternative is to use the value

  contain

in the CSS code in place of cover. This will fit the image completely
within the browser window – the problem is, again, aspect ratio. There
will be times when the shape of the window doesn’t match the shape of the
image, and then you will have the opposite effect that you do now… some of
the window background won’t be covered by image. You can minimize the
experience with a background color, but that’s it.


Ernie Simpson

On Tue, Mar 19, 2013 at 9:33 AM, Carla email@hidden wrote:

Ernie
retested regular background image without your code and your code by far
fills the page much better
so I am happy thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Ernie

Shout out to You all ( on this forum) have been incredible teachers! Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

hi all and thanks Ernie a fix on this but the background shifts between pages and background super sizer is different than background image and extended code

do we know why the action does not work with showcase gallery? and HTML5 video action and if one day it could to make all things consistent

thanks
c


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Carla – is this anywhere online I can look at, maybe help you fine tune
it.


Ernie Simpson

On Sat, Mar 23, 2013 at 12:17 PM, Carla email@hidden wrote:

hi all and thanks Ernie a fix on this but the background shifts between
pages and background super sizer is different than background image and
extended code

do we know why the action does not work with showcase gallery? and HTML5
video action and if one day it could to make all things consistent

thanks
c


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

do we know why the action does not work with showcase gallery

I think it is a JS conflict with the Showcase javascript even though they both use jQuery.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

right Dave
thats what I assume


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options