Embed or Mask Meteor Slideshow

  • Resolved pontarae

    (@pontarae)


    13 years, 11 months ago

    Great plugin! Particularly easy to install and configure for us css-deprived geezers.

    I’m building a site using a Genesis “responsive” theme. I’d like to position meteor_slideshow on a page so that it appears to be “content” on an illustration of a hillside billboard.

    The idea is to maintain relative position/size of the slideshow and the “billboard” background as the browser sizes vary between smartphone, tablet and desktop.

    I can do this by creating every slide as a composite of the “content” and the illustration “background”. This makes the slide image large and digitally heavy which will affect site response times. Also it will make maintenance of the site more cumbersome as the “content” changes.

    Is there are more elegant method of doing this that won’t break when the responsive theme responds to different browser sizes?

    Here is a page containing the slideshow with content, and the “billboard” illustration: http://www.billboardsshermantx.com

    Thanks for your response
    Dennis

    http://ww.wp.xz.cn/extend/plugins/meteor-slides/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    13 years, 11 months ago

    Thanks Dennis, you can scale background images, but getting it to scale at the same rate and line up with the slideshow could be tough.

    I would suggest using a regular inline image for the background, and positioning it absolutely below the slideshow by lowering the z-index so it is the bottom layer. That would give you better results, but it would still require a custom slideshow template and stylesheet.

    If you don’t want to dig too deep into the CSS, creating the slide images with the billboard background as one images might be the better option, especially considering that it needs to be responsive.

    Thread Starter pontarae

    (@pontarae)

    13 years, 10 months ago

    Thanks. I chose the easy way out by “compositing” the billboard image with the displayed content. Great plugin!

    Plugin Author Josh Leuze

    (@jleuze)

    13 years, 10 months ago

    You’re welcome!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Embed or Mask Meteor Slideshow’ is closed to new replies.