Slider Revolution Tutorial WordPress - Multi Image Slider

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

Комментарии • 128

  • @WPTuts
    @WPTuts  5 лет назад +7

    Learn how to build your first multi-image slider in Slider Revolution 6.

    • @angiegracie6954
      @angiegracie6954 5 лет назад +1

      Holy sh#t take a breath! Pause ..... You obviously know this program in and out but we are trying to learn. Please slow down. Not everyone thinks fast.

    • @mrdarryk1
      @mrdarryk1 5 лет назад +2

      Can you make a video or do you have one already on Global layers? I am trying to make a image with 5 pictures on in the front, and so on

    • @angiegracie6954
      @angiegracie6954 4 года назад

      nabil libre I’m old lol my brain works like joe Biden’s. Slow!

    • @deisesulzbach9620
      @deisesulzbach9620 4 года назад +1

      @nabil libre Me too! I watch it at 1.50 to get to the point I need :)

  • @maximtsirik3504
    @maximtsirik3504 Год назад +1

    It is still helpful in 2023, thank you.

  • @ohiovalski
    @ohiovalski 3 года назад +3

    Really helpful instruction video for a beginner who just wants to do a basic slider. Nice, clear instruction. I really appreciate it. Thanks!

  • @johnmcaulay4348
    @johnmcaulay4348 Год назад

    Brilliant tutorial that got me up in running in 30 minutes. Thanks so much!

  • @KarimLounesDiving
    @KarimLounesDiving Месяц назад

    Great Channel. I am trying to have a Slider with two slides. I want to be able to move to the next slide by scrolling down. Not moving along the timeline only, but also keep scrolling and moving to the next slide. I am not able to achieve that with the tutorials out there nor with the very delayed ticket support of the vendor. They keep sending links without help. It will be nice if you posted a Video for that process, I am sure it will help a few designers. Thanks again.

  • @engrasifalirazabhuttoya
    @engrasifalirazabhuttoya 3 года назад +1

    This is a great tutorial, Slider Revolution has been difficult for me to learn but this helped out a lot. Appreciate it! thank you, man. I love you 😘

  • @alterovstudio
    @alterovstudio 2 месяца назад

    Thank you, very clear and easy to understand tutorial, as always 🙏

  • @greggross8856
    @greggross8856 4 года назад

    I'll keep this short: Thank God for your tutorials!!!

    • @JustOneGuy
      @JustOneGuy 4 года назад

      On another hand its sad how convulted it is that you need 30 minutes to expain how to make essentially glorified video editor or power point.

  • @MalMilligan
    @MalMilligan Год назад

    Good basic tut. Saved us all a lot of time descovering... ty

  • @castleofcostamesa8291
    @castleofcostamesa8291 4 года назад

    WOW! What an awesome tutorial!! I watched this video multiple times. I hope to create a beautiful website!! Wish me luck. Thank you!

  • @Nelstill
    @Nelstill 3 года назад +1

    Very good tutorial, thanks for this! 👍🙏

  • @ruthpelcastre2482
    @ruthpelcastre2482 Год назад +1

    Great video. Thank you for this helpful video!

  • @tauhidulislam29
    @tauhidulislam29 5 лет назад +1

    I love your all tutorials 🥰

  • @thelocalzone
    @thelocalzone 2 года назад

    You move quickly great job - Thumbs up!

  • @jaychas
    @jaychas 4 года назад

    Wow thanks. This was a great tutorial! Slider Revolution has been difficult for me to learn but this helped out alot. Appreciate it!

  • @supriyawaghmare3365
    @supriyawaghmare3365 2 года назад

    This is g great tutorial. Really helpful for beginners. Thank you.

  • @wellnix53
    @wellnix53 5 лет назад

    When I first started buiding sites for clients, I fell in love with RevSlider. Over the years though, I've learned that it's bells and whistles are just not worth the bloat on a page and the server load. That's just my opinion. Now I'm just keeping it simple and using the slider in Elementor. The only real premium plugin I use is Gravity Forms and they've mastered the NON-BLOATNESS I'll call it.

  • @deisesulzbach9620
    @deisesulzbach9620 4 года назад +1

    Hey @WPTuts, your tutorials are great. I have one problem. When I turn on arrows, it doesn't display the options as it shows in your video. What could be the problem?

  • @dariorotaclimb
    @dariorotaclimb 2 года назад

    thank you so much for this great tutorial! I appreciated that you gave an overview and then went into detail. Very clear and useful!

  • @bellakaroo883
    @bellakaroo883 3 года назад

    Thanks, Ive received the slider bundled in a theme but I struggled to use it. Your tutorial is a great help

  • @ethankei528
    @ethankei528 2 года назад

    Thank you for your video, it is well-detailed and useful.

  • @lauraderamus9685
    @lauraderamus9685 2 года назад

    If you upgrade and have a "key" will this upgrade include being able to place arrows on sliders as you have demonstrated in this video? I have turned on the "Arrow Type" on my slider but do not have the options you are using for arrows in your video, When I used the second option and global screen I get a window that shows me links to upgrade. Thanks for clearing up what is included in the upgrade.

  • @gslbargains1365
    @gslbargains1365 3 года назад

    Hi, great video! At the moment my first slide comes in from the top and the second one from right to left. How can i have it so all slides come in from the left? Many thanks

  • @huiyingquah9332
    @huiyingquah9332 3 года назад

    Nice simple and clear to understand

  • @tuitioncenter5725
    @tuitioncenter5725 5 лет назад +1

    Hi would you please create a video about how to use template with parallax effects and how to manipulate pre-built parameters?

  • @davemontore
    @davemontore 4 года назад +1

    This is a great tutorial, thank you. I've managed to figure out how to add three rounds of typewriter text into one slide - usually WAY above my ability, so thank you. For the life of me I can't figure out how to make the third round end before the slide transitions. It moves on to the next slide halfway through the third round and it's killing me.

  • @onemanoutfit
    @onemanoutfit 5 лет назад +8

    Flash Is Back! lol Layers, Keyframes, Actions, Scenes and Symbols

    • @ivaerak
      @ivaerak 4 года назад

      Exactly. This atrocity of a bloatware needs to die already in web development industry. Unfortunately it certainly doesn't look like it will anytime soon :/

  • @staceem
    @staceem 3 года назад

    Wonderful tutorial. Thanks so much!

  • @andonisr
    @andonisr 4 года назад +5

    So by using a non-transparent background, (i.e. image), and cover, you ensure the image fits perfectly every screen with no gaps anywhere.
    But what if you wanted to choose which portion of the image to show in each of the devices? I found that I have no say if I use 'image' as a slider background.
    Before I watched this video, I had used transparent background and added an 'image layer', which gave me the chance to control which portion of image to show in each device. But it quickly becomes messy trying to stretch, shrink all image layers and manually control all this.
    What would be the best practice please?

    • @thisissentimentalillness
      @thisissentimentalillness 3 года назад +1

      I use the setting for each device and adjust the image per layout. It saves per device type.

  • @CrazyRooster
    @CrazyRooster 3 года назад

    Hey. I'm trying to use an external image in image layer content, and it doesn't work at all. always open the media panel. only using background I see the option to use external image. Is that so, or can I use an external image layer? thanks!

  • @JohnHelyar
    @JohnHelyar 5 лет назад +2

    Another good tutorial Paul loads of brownie points, sorry I have a daft sense of humour but we should enjoy life and a bit of humour helps, keep up the good work.

  • @BeingSydney00
    @BeingSydney00 3 месяца назад

    17:16 Hello Mate Hope you’re doing well
    I am using slider revolution as well, but when I upload my images they tend to lose quality compared to how they look on my macbook or even after optimizedin Ps how do I keep the quality of the images?
    Thanks in Advance

  • @DerekCadzow
    @DerekCadzow 3 года назад

    Good tutorial - thanks! Did you ever get time to do the tutorial you mentioned about working with Revolution slider on various types of devices?

  • @anselmenounagnon4560
    @anselmenounagnon4560 3 года назад

    Thank you your video is clear and help a lot.

  • @bevedel
    @bevedel 4 года назад

    Thank you for great tutorials.

  • @damonmcgill8963
    @damonmcgill8963 3 года назад

    Excellent Video

  • @DrAlanBurrowOptom
    @DrAlanBurrowOptom 4 месяца назад

    Great Demo Great program.

  • @MaryTBowen
    @MaryTBowen 4 года назад

    Hello, I liked your video very much. It was easy to follow along. When I clicked on "preview" the images don't show up. What do I need to do for them to show up? Also how do I add more photos to the slide? Do you have to choose layer each time or click slide and add new side?

  • @johnwaweru952
    @johnwaweru952 3 года назад

    Great stuff!

  • @tanmoyftsd4655
    @tanmoyftsd4655 4 года назад +1

    Tank you for you best tutorial

  • @TheSocialjerry
    @TheSocialjerry 4 года назад

    This tutorial helped me out a lot .. thanks much

  • @DenniS-qr3nn
    @DenniS-qr3nn 2 года назад

    hmm great. but can u give us alternative for next and back slide if we use button ?

  • @ScottMcHale
    @ScottMcHale Год назад

    Hi, I am facing an issue. We have a gym website with a before/ after pic gallery section on home page. As we are trying to new rows of pics we are not being able to do!! Can you please suggest.

  • @madelaca4589
    @madelaca4589 2 года назад

    Great tutorial! Thank you :) 👍
    I was wondering if you have a tutorial to make a slider where the multiple images can be seen on the screen.
    For example to see 3 images in a row, the previous and next arrows will show more images.
    Also, just to be picky, lol, make the center image a little bit larger than the rest.
    Any advice will be very much appreciated. Thanks! 😊

  • @thesauceman847
    @thesauceman847 3 года назад

    Great tutorial, Mad question I know, how can I make the view of the page smaller? I want to put an image on an image but the control panels obscures my view! I need to know how to look at it at less than 100%

  • @erfan_rzvn9830
    @erfan_rzvn9830 3 года назад

    great tutorial ;)

  • @NETBotic
    @NETBotic Год назад

    For the love of god, I've never watched a video for so long and learned so little.

  • @andonisr
    @andonisr 4 года назад

    Is there another video in regards to different browser sizes please? I think this is one of the most important features of a slider! Please let me know - thank you!

  • @madhurithoka4962
    @madhurithoka4962 2 года назад

    Thanks dear it helped alot

  • @charissawest472
    @charissawest472 4 года назад

    What is the maximum number of slides you can have in one slider? Google isn't quickly returning any ansewrs. Thanks!

  • @SalvadorCalaf
    @SalvadorCalaf 5 лет назад

    Your Elementor tutorials are very helpful, thanks. I will like to ask you something. I got recently SR6. In 2016 you make "Slider Revolution: How to Create an Interactive Slider & Menu#" The SR6 has any improvement for making a navigation menu?

  • @castleofcostamesa8291
    @castleofcostamesa8291 4 года назад

    Does Slider Revolution come with sound and music library?

  • @stanleyebuka3343
    @stanleyebuka3343 3 года назад

    This is great!

  • @muswag1
    @muswag1 10 месяцев назад

    Thanks Mr Yapper :)

  • @eversmanwebdesign
    @eversmanwebdesign 4 года назад

    very helpful. thank you!

  • @joel199191
    @joel199191 5 лет назад

    Thank you! Is it possible to add posts as slider? And how can I achieve that?

  • @PerryWebCreations
    @PerryWebCreations 5 лет назад +1

    Thanks Paul!

  • @ahmad-rateb
    @ahmad-rateb 4 года назад

    thanks man its really help me

  • @cathay2015
    @cathay2015 5 лет назад

    Does version 6 have a 'helper grid' i.e. a grid that overlays the work area to help with aligning the various elements. In v 5 there was a button on the bar at the bottom of the work area that you could click to bring up the helper grid. I cannot find the same anywhere in v.6.

  • @adied7725
    @adied7725 4 года назад

    Great video as always thanks, just curious about how heavy the plugin is and also when creating the slides for elementor pro... Is it heavy on the page too.
    Last question is it possible to create verticle and horizontal slides together?
    Thanks again, 👍😊

  • @utkarshsinghchauhan7113
    @utkarshsinghchauhan7113 4 года назад

    How can I use slider revolution to cover complete header along with nav menus with the help of elementor?

  • @PLUS-sj4sf
    @PLUS-sj4sf 4 года назад

    Thank you Paul, great tut :)

  • @Abdulkalam-zg3bk
    @Abdulkalam-zg3bk 4 года назад

    Hello sir, can you make a video on how to make testimonials in slider revolution

  • @EmileVinesh
    @EmileVinesh 3 года назад

    These animations are great and all that, but simply adding text, without any animation is very hard to find. I can't figure out how to place text without it disappearing every 3 seconds...

  • @mykhagaul
    @mykhagaul 5 лет назад +1

    thanks for this video.

  • @hkimasa
    @hkimasa 4 года назад

    I felt like I missed an episode. How did you even get to the editing screen?

  • @schwamieboy1
    @schwamieboy1 5 лет назад

    Thanks. I have a Wordpress site with WPBakery and I am curious before I buy the Slider rev if I can create smaller sliders that go mid page for my site? I don't see anywhere any info on that.

    • @WPTuts
      @WPTuts  5 лет назад +1

      Absolutely! You can insert the SR sliders anywhere you want on your page by dropping in the SR widget in WPBakery.

    • @schwamieboy1
      @schwamieboy1 5 лет назад +1

      Thank you.

  • @MBAinternetmktg
    @MBAinternetmktg 3 года назад

    If your largest size in the Layer Area Size is 1240x900, why do you put in the first slider image that is 1920x1080? Please explain how to size the images to the Slider size, and how that works with Elementor.

  • @aryanbaghericom
    @aryanbaghericom 4 года назад

    Beside your cool accent, your a coo tauter and with a great knowledge
    Thanks for sharing your experience

  • @amadeuslicensing1089
    @amadeuslicensing1089 4 года назад

    Can you illustrte how to use the callback action? It doesnt seem to do anything thanks

  • @robertoamarillas
    @robertoamarillas 4 года назад

    Hello, great tutorial, but, how can to text align justify, there is no option to do this

  • @barrymilburn9429
    @barrymilburn9429 4 года назад

    Hello, I was with you up to 19 minuets in. I created a layer with coloured background then a slide with full size image to roll over the top of the coloured background. I then clicked preview. Unfortunately all I got was the coloured background. It looks like your second slide just appeared automatically without adjusting the timeline? All I am trying to do is create a 5 image slideshow with transitions. with the old version I could do it in 30 minutes. I have been on a full day with this new version without success. That's progress for you. Any help most appreciated. Baz

    • @barrymilburn9429
      @barrymilburn9429 4 года назад

      Managed to get 1 slide to show out of the 5 I have made by activating 1st. slide under the General tab ...

  • @cookerymagic2167
    @cookerymagic2167 3 года назад

    Thank you.

  • @CP-jk1cc
    @CP-jk1cc 5 лет назад

    These are great tuts. Thank you! Just got Total theme and considering getting the premium slider revolution to get access to all the cool templates..Is it worth it? Or can I do almost anything with the built-in plugin?

  • @africanjusticemedia
    @africanjusticemedia 2 года назад

    wwoo thank u can a free version do all these? if yes how to dowload it?

  • @swapnilghadge21
    @swapnilghadge21 3 года назад

    Thank you sir

  • @SupriyaSingh-sh3dj
    @SupriyaSingh-sh3dj 4 года назад

    Hey, if I am adding text layer or image layer it is getting reflected on the first slider as a popup on the top right side. how to remove that. All slider text is getting collapse and coming on the first slider-top right-hand side.

  • @marionmissy1
    @marionmissy1 2 месяца назад

    Has anyone had difficulty getting your modules automatically populate into your website?

  • @kiesienarichmond5618
    @kiesienarichmond5618 2 года назад

    I have a problem with my website name
    After it displays on home page it suddenly disappears

  • @Alamdaracademy
    @Alamdaracademy 4 года назад

    best learn tnks

  • @tomfraser3086
    @tomfraser3086 4 года назад

    what are the bloody dotted lines that appear in the workspace ? They seem to be Constraints. Also, what is the Wait prompt on the timeline ? HELP !!!!!

  • @omaralejandroaguilarzurita1557
    @omaralejandroaguilarzurita1557 4 года назад

    Hello everyone. Do you know if I can geolocate an image inside a Slider Revolution?

  • @kennyconfidence7567
    @kennyconfidence7567 10 месяцев назад

    Can't I achieve this with elementor pro

  • @tekahacks7924
    @tekahacks7924 3 года назад

    thanks

  • @attaurrehmanakbar6850
    @attaurrehmanakbar6850 4 года назад

    Please make a carousel video for Ver 6

  • @geoffreywaterfeatureremode5394
    @geoffreywaterfeatureremode5394 5 лет назад

    How do you add text that spans several slides ?

  • @khamrashed
    @khamrashed 5 лет назад

    how to show revolution slider 3 slides at once?

  • @AquinoxMedia
    @AquinoxMedia 3 года назад

    too long and doesn't explain why i just get white when adding images from wp gallery :(

  • @mrdarryk1
    @mrdarryk1 5 лет назад

    There is a pc and iphone on a slider. how do i change that image

  • @TheLove99999
    @TheLove99999 4 года назад

    How do I add multiple slides at once, Instead of adding them 1 at a time?

  • @artisticfathom9299
    @artisticfathom9299 3 года назад

    why my slider is unable to move to the next slide?

  • @knowledgeworld6667
    @knowledgeworld6667 3 года назад

    Nice

  • @GobikrishnaD
    @GobikrishnaD 3 года назад

    M Looking a simple partial view image carousel. I didn't find a solution. Anybody knows ? Modern apps all showing carousel with partial view. M also looking. Any body please?

  • @FaizHakim
    @FaizHakim 3 года назад

    is this plugin available in free version?

    • @WPTuts
      @WPTuts  3 года назад

      I'm afraid not, it's either the premium version or the one bundled with various premium themes.

  • @BeautyByDiva
    @BeautyByDiva 5 лет назад

    how do I rotate an image in slider revolution

  • @tatianelima3578
    @tatianelima3578 4 года назад

    THANK YOU SO MUCH

  • @SteveMK
    @SteveMK 5 лет назад

    amazing. Thanks but the images are not responsive

  • @Not0rious7
    @Not0rious7 4 года назад

    Why is my slider lagging out? I only have 4 slides

  • @bySterling
    @bySterling 5 лет назад +2

    Year after year always one of the most priceless plugin$ EVER!! Do #grateful100 they just keep raising the bar #THEMEPUNCHFAM for 5-6 years n w many many repeat purchases via myself and client Envato link sends

  • @imrankanj00
    @imrankanj00 Год назад

    Your title is to learn multi image slider. You put only one image (the first was the background) and then you started putting a lot text in it. Instead you could add multiple images like 3,4.