Making Simple Flex Slider with 5-10 images [#1424956]

Hello,

I'm a bit confused about where to start. I've installed the Flex Slider Drupal module. There are options for using Views and Views Sliders and all that.

All I want is a simple flex slider block that has 5-10 images. I don't need fresh content pulled from the site. I watched some views slideshow tutorials and honestly it seems really complex for my needs.

I just want to say, play these 8 slides flexplayer with some html in a block or something.

Am I going about this wrong?

Comments

Comment #1

t-readyroc CreditAttribution: t-readyroc commented 9 March 2012 at 16:27

No, I'm with ya. I just installed it & tried to get to the documentation & discovered that I can't. Apparently when WooThemes acquired FlexSlider, they made all documentation pay-for. All we're left with is the limited info under getting started & advanced on this page.

I'm currently searching around looking for tutorials, but I thought all you had to do is to put the following code into a block:

<div class="flex-container">
  <div class="flexslider">
    <ul class="slides">
      <li>
        <img src="slide1.jpg" />
      </li>
      <li>
        <img src="slide2.jpg" />
      </li>
      <li>
        <img src="slide3.jpg" />
      </li>
    </ul>
  </div>
</div>

Obviously, pointing the img src links to your actual images. However, I just tried that, & it didn't work.

Comment #2

minorOffense CreditAttribution: minorOffense commented 26 March 2012 at 11:54

Status:

Active

» Needs review

We've updated the docs in the README to hopefully make this more clear.

We've also got some blog posts in the works with sample usage with all three sub modules. I'll post here once they're available. In the mean time, any comments or suggestions on the README text for any of the modules would be greatly appreciated.

Thanks!

Comment #3

rivimey

she/her

CreditAttribution: rivimey commented 27 March 2012 at 20:42

@t-readyroc: the woo themes page suggests you paste in the code you show here *and* the bit of javascript that invokes the slider on it:

<!-- Place in the <head>, after the three links -->
<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>

The flexslider module doesn't appear to include that JS on a page by default, so nothing was there to invoke the slider itself on your html.

HTH,
Ruth

Comment #4

minorOffense CreditAttribution: minorOffense commented 27 March 2012 at 23:32

Status:

Needs review

» Closed (duplicate)

The loading of the library is handled using drupal_add_library() (or using flexslider_add()) both of which are PHP functions. These will take care of adding the necessary javascript to the page. These will be added automatically if you're using flexslider_fields, views or views_slideshow to build your slider. Otherwise, you can add the call to either function in your template.php file (typically in template_preprocess_html()).

In essence, you don't need to add those lines individually as Drupal will add them for you by using the functions listed above.

I'll be sure to include some notes in the readme and on the upcoming docs on this.

Thanks.

Comment #5

t-readyroc CreditAttribution: t-readyroc commented 27 March 2012 at 23:36

I watched an instructional video & figured it out. For Drupal, you just need to create a content type that includes an image field, then create content items with that image field populated. The module takes care of the rest; the code I posted above is for a standalone (non-Drupal) site.

Comment #6

minorOffense CreditAttribution: minorOffense commented 28 March 2012 at 00:02

Could you post the link to the video? I'd like to include it in the docs if it's helpful.

Thanks!

Comment #7

t-readyroc CreditAttribution: t-readyroc commented 28 March 2012 at 12:45

Sure. Had to wait to get in to work to post it, as it was in my notes here. The video is about views slideshow, but it follows a very similar workflow - might give you guys some ideas if you decide to do your own or whatever.

Comment #8

Diane Bryan CreditAttribution: Diane Bryan commented 27 July 2012 at 04:47

LevelUptuts has added some good tutorials in YouTube for Drupal 7, including how to make a Flex Slideshow. What I like is that he begins by teaching you how to do a Views Slideshow. This way you can understand more of what makes Flex better, and also how the cogs all fit together:

http://www.youtube.com/watch?v=IoUg69kNy5s

...and the next two videos that follow. Don't be put off by his false starts. Scott and Ben are really churning out some nice contributions to the Drupal community!

Comment #9

therobyouknow CreditAttribution: therobyouknow commented 13 June 2013 at 21:19

I watched an instructional video & figured it out. For Drupal, you just need to create a content type that includes an image field, then create content items with that image field populated. The module takes care of the rest;

Can you give full detail please? What modules did you install? Did you use Views Slideshow as part of your solution and the Flex Slider extension to it? URL of video? What happens once you have created a content type with an image field and created content with image field populated? Does Flex Slider detect these and show them for adding to the slider, or does flex slider widget of some kind appear next to them allowing them to be added? What happens? On what admin pages?