background slideshow ?
# February 22, 2013 at 4:40 pm
hello , i was searching the web for about 6 hours to find any simple way to create a background slideshow like this website http://yokedesign.com.au
but I didn’t find any thing , most of the ways was wrong and didn’t work for me
so can anyone teach me how to create the same effect ?# February 22, 2013 at 4:57 pm
Have you tried this one? http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index.html# February 23, 2013 at 1:17 am
To make that happen you need to remove the srolling of the page and set the height and width of the slidshow according to the browser’s height
I wrote the script of the slideshow for you http://codepen.io/sayed2x2/pen/qhjEf
var w= window.innerWidth;
document.getElementById(‘slider’).style.width=w;# February 26, 2013 at 6:17 pm
I’m Yoke’s lead developer and oversaw the development of our current website. As CrocoDillon mentioned, we use Supersized to achieve the fullscreen background images. They’ve got a reference demo set up here than what we’ve got on our website.
I’ve cleaned up the code on our website for a Pastebin example, which hopefully explains our setup in better detail.
Remember when implementing it to load jQuery and the Supersized JS library and CSS code before you’re giving it code like provided in the Pastebin example.
You must be logged in to reply to this topic.