[Pro] Responsive Slideshow with Links

I would like to create something similar to this: http://melbourneroadhealth.com

Ideally, it could be with full-width hero images, but that is not an absolute requirement. It does need to be responsive, and I want each image to be a clickable link (like the example above) to other pages in the site.

I’ve considered:

  • target show/hide layer
  • WowSlider (I have a very old version and would probably need to upgrade)
  • CSSslider (also a costly option)
  • Owl Carousel (after viewing Thomas’ video), but I’m not sure if I can embed links…
  • Other options I’m unaware of?

Recommendations/advice please??? And thanks!

Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I just realized my above example is beautifully responsive, with the hours separating out on smaller screens! How did they do that???

Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What do you guys think? Is it possible to do this with FreeWay??


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can nest any Responsive Slider into a FW layout - just pick one.

Choose one of the Responsive Exhibeo themes if you have that or Wow Slider is an option too.

But there are literally hundreds out there - how you get it into your layout will depend on which one you go for.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok, thanks David. I was curious if anything has changed with responsive requirements.

Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Obviously you need a Responsive Slider but other than that…

Not sure if you can add links to an Exhibeo created slide though?

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m still on Snow Leopard until I get a new computer. So, sadly, no Exhibeo for me. I’m going to give Owl Carousel a shot and see if I can save a few bucks on upgrading WOW or moving to CSSslider.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This one uses FlexSlider http://www.deltadesign.co/FW6Test/responsive/flexslider.html

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Doty, hope example below helps, image has link to new page!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I tried to give OwlSlider a shot. So far, I’ve failed miserably! Here’s my start: Durango Heritage Celebration | Durango, Colorado | Home

The developer tools in Chrome are giving me all kinds of errors and I’m guessing I’ve put the html markup in the wrong spots. I copied and pasted Matt’s example and changed the name of my owl container/wrapper.

There are Owl Carousel directions, but I’m afraid I’m still scratching my head…


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Doty, Have you placed the “owl-carousel” folder in my download to your “site folder”. At the moment your example can’t find CSS and JS files for owl.

you will have to manually upload “owl-carousel” folder to your server.

Matt


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I thought that might be necessary, but I didn’t see anything about it on the Owl directions. So, where shall I put the “owl-carousel” folder???

Thanks!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry Matt, I just saw that you said to put these files in the “Site Folder.” I was doing everything through an FTP program as I thought it was a huge no-no to muck around inside the site folder! Hmmmm… Another question, I downloaded the files from http://owlgraphic.com/owlcarousel/ (the latest beta version), but you clearly have more files in your site folder than appear on my Owl download. Are you using the beta version? I read Version 1 & 2 are incompatable.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok, not sure I’m doing this properly, but I copied your “owl-carousel” folder to the root client folder on my server and it worked!

Next question – If I wanted to do this http://www.owlcarousel.owlgraphic.com/demos/responsive.html how would I go about it??? Do I need to change the html markup?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have two examples going:

Full Width: Durango Heritage Celebration | Durango, Colorado | Home

And a bad example here of smaller images: http://www.dotyshepard.com/clients/dhc/smallslider.html

This is the goal: http://www.owlcarousel.owlgraphic.com/demos/responsive.html

Thanks so much for your help!!!

Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thats’s why I love AmazingSlider … I’ve used it here, and oh boy is this responsive: http://beta.ontwerpzaam.nl/roukens/

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Doty , didn’t realise you where after more than one image at a time in desktop view. Only used version 1 in the past but will have a look at beta version.

looks as if Richards link to AmazingSlider might be an simpler solution to implement.

Matt.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi guys. Richard, I downloaded AmazingSlider. I like several of the examples they show on their site. However, it’s more expensive than WowSlider! I would like to see if I can get owl to do what I need first. I’m doing a site for a non-profit and I need to keep the cost as low as possible.

Thanks!

Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Oh, I didn’t pay one dime …


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Doty, Beta version!
Dropbox - File Deleted


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options