Posted by salvatore_severo on January 27, 2012 at 12:14pm
I tried to do something like http://dale.no/no/
If i put views slideshow as block there is not possibility to put it as a full wrapper...
starting point could be this http://www.techerator.com/2010/11/how-to-make-a-css-background-slideshow...
but how to integrate in views or views_slideshow?
Is there anyone who has the same problem?
thanks
Comments
templates
Hi, for this you could add a new region (there are some tutorials arround about how to do that) but this region should not have any containers or grid classes, just a div arround the $content. then you can use views_flexlider for the slideshow and place the block on that new region
sounds good
Hi ivan,
I tried and it works fine.
a) add new zone
b) add new region
c) assign the slideshow regione to the right zone and assign the zone to the right section
d) add new specific zone & region template
e) assign views slideshow flexislider to the right block
f) make new tpl specific for zone and region (with just a div)
but now I'm searching for a solution for manage background via jquery. Is there a solution to populate a jquery array from views?
like the example: http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slide...
customize the output of the
customize the output of the view to rewrite the field to just be the img src as a filename (not as the image, wrap in a div with ID, then have jquery find the div and get the info. Have the #slide_wrapper set to display:none;
<div id=slide_wrapper>
<ul>
<li>/files/slideshow/image1.jpg</li>
<li>/files/slideshow/image2.jpg</li>
<li>/files/slideshow/image3.jpg</li>
</ul>
</div>
<script>
var optionTexts = [];
$("#slide_wrapper>ul>li").each(function() { optionTexts.push($(this).text()) });
</script>
optionsTexts[] now holds the filenames, have jquery use that
How to remove containers/grid classes
Hi Ivan
I created my new zone and region for my flexslider so it will be the full width of the browser. But, I don't know how to accomplish this "this region should not have any containers or grid classes, just a div arround the $content."
Could you possibly give me a quick run through on how to do this so the region will actually span the entire page?
Thank you very much.
Billy
You might find this useful. I
You might find this useful. I don't know about Omega integration.
http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slide...
@MrPaulDriver
full screen video slideshow?
I want to make a full scren video in drupal 7 like here: http://www.restaurantcoure.es/, but I try and I'm stuck. Any sugestions?
Thanks
full screen video
I'm assuming you could probably use FitVids to make it happen. It's a really great question... you also likely are going to have some compatibility issues with some older browsers.
Make sure to check out the Omega framework as well...
"Eat food. Not too much. Mostly plants."
— Michael Pollan (In Defense of Food: An Eater's Manifesto)
Centered Flexslider
Hi,
in your example page http://dale.no/no/ the slider-images remain centered.
I can't figure out how to achieve this. When I do everything as described in the top-post and add a fixed size (e.g. 1920x700) to the css of the flexslider-images they are always aligned to the upper left corner .
Any suggestions?
Best,
Frank
Solution found for centered image...
.flexslider .slides img {
width:1920px;
height:715px;
position: relative;
left: -960px;
}
.flexslider-processed li {
left: 50%;
}
New contributed theme is also
New contributed theme is also available for full screen slideshow. Photo theme.
https://drupal.org/project/photo