3

I'm building a site in Drupal 7. Using the JCarousel module I'm trying to create something similar to this:

http://dale.no/

It's simple enough to create a full width slideshow and adding text over images is not too bothersome with a few adjustments to CSS.

But is it possible to make the images into backgrond CSS images, the same as on the dale.no site? The reason is, when you resize the browser, or use a different size monitor, I would like the centre of the image to remain in the centre of the browser. At the moment, on a square monitor, the centre of the images are cropped by the right hand side of the view port.

Is this possible with this module? Are there are other modules that can achieve this?

Improve this question

3 Answers 3

Reset to default
2

There are few jquery library which are not using images directly. They are using images as css background.

I found one link for you - http://demo.marcofolio.net/bgimg_slideshow/

The following tutorial might be useful for you- http://www.techerator.com/2010/11/how-to-make-a-css-background-slideshow-with-jquery/

This tutorial explains how to use css background images for slideshow.

Improve this answer
0

I'm actually working on a Supersized.js module. It is not quite ready for production but I can send you a dev version if you want to test it out in it's current stage/provide feedback.

I think this will provide all of the functionality you are after. It is an addon module to the views jqfx module.

Improve this answer
2
  • Hi Chance, just wondering if is there any chance you send me supersized module.
    – chefnelone
    Jun 15, 2012 at 10:08
  • I actuall just posted it to a sandbox on Drupal. drupal.org/sandbox/thechanceg/1358600 . Please add any bugs/issues to the issue queue.
    – Chance G
    Jun 15, 2012 at 22:36
0

Open source contributed Drupal 7 theme is available for this purpose. Photo theme. https://drupal.org/project/photo

From the theme's project page:

Photo is a photography and multimedia theme with a full screen slideshow. Showcase your important work, imagination with full screen photo slider. Photo is Drupal theme for photographic professionals, photo artist, amateur photographers to create photo gallery, portfolio with photos, video blogs. It is also useful for architecture, travel sites, hotels, restaurants, sculpture artist and for any purpose who want to emphasis on photos for the website.

Improve this answer
1
  • Hello. Could you expand your answer a bit? Is it doing it via CSS, how does it handle image positioning, things that concerned OP?
    – Mołot
    Aug 20, 2013 at 10:15

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.