View Slideshow?

Category: 

  • Question

amrichar@mit.edu

I was wondering if we had a module installed that enabled sliders or slideshows. Anyone build one of these on their sites yet?

11/1/13

csgiles@mit.edu

There is not yet a module available for this, but here are two examples of doing something like this using a Content Type and Views.

This is a fairly basic example using default functionality available within Views:

http://neuronic.mit.edu/interests/my-life

This is a more advanced example that incorporates CSS and JavaScript:

http://childcare.mit.edu

Is that what you had in mind?

11/6/13

brew@mit.edu

if you are looking for some auto-rotating ones or captions, take a look at what we put up at interactive.mit.edu, imes.mit.edu and cshub.mit.edu

11/18/13

lpaull@mit.edu

How did you get the auto-rotation working for interactive.mit.edu for example?

6/7/15

amrichar@mit.edu

Following up on this: check out ghmhi.mit.edu for a slider built with quicktabs and styled with css. It does not auto-rotate, but it preloads the images on a page for those who are still a little nervous about js.

7/31/15

erobbins@mit.edu

Hello,
I am trying to create some slide shows for my Drupal site. Would someone be able to direct me to some directions on how to do it with content type and views? Any suggestions would be greatly appreciated.

1/21/16

amrichar@mit.edu

Hi Elaine,
I'm not sure how familiar you are with how Drupal works, so please ignore whatever piece of information seems redundant. For the purpose of this write-up, I'm using some lynda.com tutorials which are free to the MIT community. To use them, first go to lynda.mit.edu and log in using your kerberos ID before clicking on any of the links below.

First, you'll need to create a new content type for your slider. For information on how to create a new content type, view the lynda.com tutorial here:
http://www.lynda.com/Drupal-tutorials/Creating-new-content-types/73655/7...

For this purpose, let's call the content type "slider." Add an "image field" to the content.

After you've created the new type of content, create new content. Go to content>add content>slider and you will be prompted to upload an image and give it a title. Make 2-3 of these, so that you'll have some content to work with.

Next, you'll need to create a view that displays the content of only the type "Slider"

Watch this tutorial on views if you'd like to become more familiar with how views works. http://www.lynda.com/Drupal-tutorials/Understanding-why-views-useful/857...

Go to structure>views to open the views overlay and select "Add new view". Name the view "Slide show" and show "Content" of type "slider" sorted by "unsorted"

Uncheck create a page, instead, create a block. Display an "unformatted list" of "fields" and select "use a pager." Click continue and edit.

Once you're in the edit mode of views, there are a lot of ways to customize how the information is displayed (covered in the videos above).

Go to the fields section and select "add." From there, add content:image (or whatever you named your image field in the slider content type) and follow the instructions listed. Click save and you should have your basic views slider.

Consider adding a pager so that users can switch between pictures in the view, or consider adding a "sort criteria" of random so a new image shows up with each refresh. The videos above on views can provide more inspiration as you learn what views are capable of.

Best of luck,
Ashley

1/21/16

amrichar@mit.edu

Ah, I forgot. Once you have created your block, you'll need to assign that block to the appropriate place on your web page. Go to structure>blocks to find your view, then select what region you would like it to live in. Header or main content work well for front page sliders, and use to restrict the block to just the front page. Otherwise, you'll have sliders on every page.

1/21/16

erobbins@mit.edu

Hello Ashley,
I think I am almost there with the slide show. I feel that I am going wrong with your instructions somewhere where you say to set the sort to unsorted. I don't seem to have that option.

Also, I still don’t understand why I don’t seem to be able to download modules. Are we limited here at MIT? I have some really long tables and would hate for some of my pages to have to be so long. I would love to be able to do something like “read more” or a “next” button. In WordPress I created tables and only allowed 10 (or so) cells to be viewed at a time.

One more question; in one of the Lynda videos that Ashley mentioned, they (in the video) went into Modules and at the end of the modules page there was a “views” section (views and views UT). But in my modules, there are no views. I realize these views are different than the one that is in structure (I think).

I feel like if I overcome these few hurdles, I will be on my way.

Thank you!

1/28/16