What to use to create a "slideshow" not using images

Before I spend a lot of time heading down a wrong path, am wondering if anyone can suggest THE path to take.

I want to make a responsive slideshow (preferably without javascript) with “slides” composed of CSS formatted HTML that fade in and out, with a persistent row of dot links that show the user how many slides there are and which slide is showing as well as serve as links to each slide. Type would reconfigure as viewport width lessens, and I could change type sizes at breakpoints.

In FW7 I tried using Show/Hide Layer actions on a stack of divs each with a top child div of type and a bottom child div of dots in combination with the Sequence Timer action (see included url). I had four issues: way too much blank time between slides, being unable to use a flexible height wrapper around the stack of layers, the row of dots fade in and out, and I don’t see a way for each dot to act as a link to the slide it represents.

From reading the promo text, it appears to me that slideshow generators like WowSlider and Exhibeo require images as part of the work flow.

Hype Pro is the only other candidate I know of that provides breakpoints and doesn’t require images. However it has the reputation of creating large files and using javascript where CSS would do, and not providing something to see for those not using javascript.

Any suggestions?

http://www.brockmanfamilyfarming.com/newsite/index


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

Hi Peter. Why don`t you try www.cssslider.com?
Only css sliders, responsive, no jQuery, nice layouts options and easy to use. Hope this helps.
Hanna


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

sonjanna:

Thanks for the suggestion. Good to know about for future reference, or if I can’t figure out how to do what I seek to do here: create a slideshow using CSS styled HTML type as the visual content rather than use image files.


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

Am interpreting the lack of response to mean I should make images out of the text to be able to do this the normal way.


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

No - just no idea how to tackle this.

I’m using OWL carousel. This enables me to add whatever content I like cause its content is built in Freeway. It can be whatever content you like - such as Scripty carousel did in the past.

The downsides are, that it uses jQuery (so a mismatch of one of your claims). Furthermore, introducing jQuery means, you have to preferably skip all the other scripty and fx stuff - cause it may happen that they won’t play well together.
Finally - the construction. While it is pretty simple to build, just inflow - it’s sometimes a bit weird regarding the freeway file, looking something like this:

Owl in action can be found here:

http://backstage.kimmich-digitalmedia.com/templates/walk-through-the-park/index.html

(the screenshot is taken from this project):

owl itself here: http://www.owlcarousel.owlgraphic.com

Cheers

Thomas

Please bear with me, but I don’t offer jQuery embedding support - but I think you’ll crack it without further help.


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

Am interpreting the lack of response to mean I should make images out of the text to be able to do this the normal way.

I think the lack of response is due to the number of restrictions you’ve put on the project.

Perhaps the best thing would be to rate each requirement and see how solutions line up that way. For example, I don’t know of any slideshow that doesn’t use some javascript. But some use less than others. Some are easier to modify from a css perspective. Dots or scroll buttons are in some, maybe many.

There is no one right way-- for most of us, there are ways we are comfortable with. You want to use the right tool for the right job, and that is admirable. But everyone starts somewhere, even if it’s on the wrong foot. This usually gets us to the right foot.


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

Owl in action can be found here:

http://backstage.kimmich-digitalmedia.com/templates/walk-through-the-park/index.html

Lot’s of effects I want to learn how to do in your template including the owl slider. When I get a gap in my schedule I’ll buy the template and dig in. It’s all at the edge of my capabilities and therefore both a great learning project and something that will take me a long time.

This enables me to add whatever content I like cause its content is built in Freeway. It can be whatever content you like - such as Scripty carousel did in the past.

Great that you can use Owl within Freeway. In looking for Scripty Carousel in ActionsForge I found WD’s Carousel 2, which appears to handle anything you draw within a div, so am going to first give it a try.

Perhaps the best thing would be to rate each requirement and see how solutions line up that way.

Good point. My key objectives for the carousel are:

  1. Responsive to viewport size
  2. Uses CSS formatted HTML for images with soft transitions between panes
  3. Has persistent link dots to carousel panes showing number of panes and position in sequence of panes

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

Just two notes, Peter,

Carousel Action isn’t responsive (which is the reason for me to use the alternative OWL) and Walk through the Park unfortunately not available for to purchase.

Cheers

Thomas


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