asp-dot-net commented 11 years ago

Is there a way to turn off Slide number, left/right arrows, and any other feature that is loaded by default? I would ONLY like to have the images display without allowing the user to move through the slides. Also, is there an option to fade the images like F3?

ProfeC commented 11 years ago

asp-dot-net you can use the CSS to hide those elements, which is probably the easiest thing to do. You can find an example of this here: https://gist.github.com/ProfeC/5103057.

I haven't found anything about fading, or any of the F3 transitions, the images instead of sliding. I hope that they are brought back. In the mean time, I wonder if there is a way to "override" the transition with CSS3.

ascottmccauley commented 11 years ago

+1 for fade transition

asp-dot-net commented 11 years ago

@ProfeC, So there is no way to disable orbit's controls within js other than using css?

@ascottmccauley, Not sure I understand what you mean by +1 for fade transition.

ProfeC commented 11 years ago

@asp-dot-net Not that I've seen. For example, the behavior was the same for the timer in 3.x ( http://foundation.zurb.com/old-docs/f3/orbit.php ). You could either have a timer or not. If you enabled it, it showed in the top right corner.

There were a lot more options in that version that I am hoping come back. Mainly the transitions and thumbnail navigational bullets.

The "+1" that @ascottmccauley is referring to is the "Google +1". It's similar to the "Like" in FaceBook.

coltonbrugger commented 11 years ago

+1 for bringing back full feature control again (turning on/off timer, bullets, page #s, etc)

CristinaSolana commented 11 years ago

Sadly, right now, just changing the class name in settings to visuallyhidden for anything I don't want.

aroncreative commented 11 years ago

+1 for fade transition

srosa commented 11 years ago

+1 for bringing back full feature control again

vanessacolina commented 11 years ago

Yes, please bring the possibility of turning the arrows, bullets and timer on/off. A must!!

MichalZalecki commented 11 years ago

@vanessacolina it's already implemented, just look: { timer_progress_class: 'hide', slide_number_class: 'hide', bullets_container_class: 'hide', next_class: 'hide', prev_class: 'hide' } Easy peasy lemon squeezy ;)

vanessacolina commented 11 years ago

Thank you so much @MichalRazorZalecki! :)

fri3ndly commented 11 years ago

+1 for fade transition (please please please - we need this)

emekamicrosoft commented 11 years ago

I'm now regretting using foundation 4 on a new project i have deadline to deliver, the framework is not ready, why releasing to the detriment of users, orbit is just a mess because the current horizontal sliding transition is so so ugly, right now twitter bootstrap is better than foundation to me ...

ascottmccauley commented 11 years ago

@emekamicrosoft: Just swap that portion out for a different slider if you have to. It's not rocket science. You can use as little or as much of Foundation 4 as you like.

Also, you probably shouldn't be so harsh about something that is released for free because you just come off sounding like a huge whiner!

craigcooperxyz commented 11 years ago

Somebody call a whambulance.

josefglatz commented 11 years ago

+1 for fade transition

emekamicrosoft commented 11 years ago

Ok, thanks all, i already implemented a responsive slider, flexslider 2, and i also thank Zurb for the wonderful framework they've provided so far, even though orbit foundation 4 doesnt have a responsive slider yet, the framework is simply awesome .... thanks guys ...

On Fri, Apr 19, 2013 at 3:25 AM, Josef Florian Glatz < notifications@github.com> wrote:

+1 for fade transition

— Reply to this email directly or view it on GitHubhttps://github.com/zurb/foundation/issues/1757#issuecomment-16624482 .

hatefulcrawdad commented 11 years ago

We've got this transition request documented in another issue. Going to close this one down for now. We'll definitely get this back in within the next release or so. Sorry for the delay on it guys!

andybrazil commented 11 years ago

+1 fade - ridiculous they took this away. why the hell would anyone want to use a slideshow that cant change the animations?

nomolosvulgaris commented 11 years ago

There is a way to implement opacity css transition manually:

.orbit-slides-container {
    margin-left: 0 !important;
}
.orbit-slides-container li {
    position: absolute !important;
    left: 0;
    top: 0;
    transition: all 2s ease; /* prefixed */
    opacity: 0.0;
}
.orbit-slides-container li.active {
    opacity: 1.0;
}

And initialize slider with data-options="animation_speed:0;"

emekamicrosoft commented 11 years ago

Emeka Nwachukwu wants you to check out Quantumball

Hi zurb/foundation

I would like to add you to my network on Quantumball.

follow below link to join my network http://www.quantumball.net?&rgname=Emeka%20Nwachukwu&rgfname=zurb%2Ffoundation&rglname=&rgemail=reply%2Bi-11729862-7bf337cdb70e5da417d6a88b178bca570436f6a5-3235906%40reply.github.com&rgpicture=https%3A%2F%2Fwww.readygraph.com%2Fassets%2Freadygraph%2Fimages%2Fface%2Fflying_bird_8.gif&rginvite=1&rgtype=Email.

Have a great day!

  Design and development of web portals and services, and general ICT consultancy

  ===============================================

This message was sent to reply@reply.github.com. If you don't want to receive these emails from Quantumball in the future, please follow this link: https://www.readygraph.com/support/mail_setting?app_id=51bf4b99d9026fd4be000c16&token=UXFVaIKRAvSGQq7gbgfS56wnqtKspYxBM078DaYR92r-nxwfmYdQGpDv_xQIvvuvbrw6_ceAixN4xDviHbh472qE2j4q1RWhPNp6n0iFebRzVEbXX69n8jYvP8uU7SWe

Social Nation, Inc., PO Box 1315, Millbrae, CA 94030

Powered by ReadyGraph https://www.readygraph.com

foundation / foundation-sites

Orbit Features #1757

Emeka Nwachukwu wants you to check out Quantumball