Is there a way to create a jquery slide that takes up 100% of the screen?

Asked

Viewed 144 times

-1

How to create a slide with Jquery that takes up 100% of the screen? It is to make an animated footer with thumbnail images.

jquery slide

1 answer

1


Yes, just set the width and height of the widgets to the width and height of the window:

$('#slider').width( $(window).width() )
            .height( $(window).height() );

Note: If the window is not maximized, when the user maximizes it, the elements will be the size of the previous width, you can fix this with the event resize, putting all the code responsible for the sizes inside it:

$(window).resize(function(e){ \*Código Aqui*\ }).resize();

Note²: The .resize() at the end of the instruction is for code to be executed as soon as the page loads.

  • That’s not what I meant, because I want the elements to do the Animate effect on the left, repeating themselves at the end of the sequence. The images are 8 and it’s 125 x 82 px, I’d like the slide to be 100% wide, just.

  • The images will go left all the time, repeating themselves every time you arrive at the last one. I want them to repeat themselves until they take up 100% of the width of the screen, parallel to the Animate effect in action. That’s it.

  • 1

    @Harison see that you’re there: http://9bitstudios.github.io/flexisel/

  • That’s exactly what Kaduamaral!

  • Is there a way to make it viable without plugin? It would be even better.

  • 1

    Surely you have @Harison, because the plugins were created from "nothing". Just study and dedicate yourself that you can. Try to do and when you find a difficulty in the process post here your question. ;)

Show 1 more comment

Browser other questions tagged jquery slide

You are not signed in. Login or sign up in order to post.