Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS background slideshow ?

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #42923

    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 ?

    #121290
    grigoria
    Member
    #125701
    sayedtaqui
    Member

    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
    and I have given the height and the width of the slideshow in css and its not according the browser’s size. So you would need to remove that and take the height from javascript like this.

    var h=window.innerHeight;
    var w= window.innerWidth;
    document.getElementById(‘slider’).style.height=h;
    document.getElementById(‘slider’).style.width=w;

    #125703
    CodeGraphics
    Participant

    Good effects.

    #125704
    margaux
    Participant

    I used the [jquery plugin cycle](http://http://jquery.malsup.com/cycle/ “”) on [this site](http://www.articulate.uk.com “”) which was easy to implement.

    #126235
    Andrew_at_Yoke
    Participant

    Hi 7imaginary,

    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.

    #134308
    Anonymous
    Inactive

    Hi, friend. You can use Kvisoft Flash Slideshow Maker to create background slideshow with music or videos.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.