O'Reilly logo

Responsive Web Design with jQuery by Gilberto Crespo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Exercise 6 – creating an image slider using the Swiper plugin

Just to remind us, this is a screenshot of our initial design:

Exercise 6 – creating an image slider using the Swiper plugin

Tip

This image is just a suggestion. You can find any image to replace this one. The main focus here is the creation of a responsive image slider within a responsive label.

Now, just select one image per slide, and by using the Swiper solution, insert a slogan on each slider:

  • Flexibility is everything
  • A few well-designed movements
  • Muscle control develops the body uniformly
  • Physical fitness is the first requisite of happiness

As we saw in Chapter 4, Designing Responsive Text, the use of @font-face is highly recommended for responsive ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required