jquery-based slideshow?

Tudor Girba tudor at tudorgirba.com
Tue Aug 23 20:07:55 MEST 2011


The Cycle plugin has this functionality, but it's not yet implemented in the Pier widget. But it would be a cool addition.

Cheers,
Doru



On 23 Aug 2011, at 20:00, Lukas Renggli wrote:

> Very cool with these bullets (works even on the mobile phone). What about a slide left/right animation?
> 
> Lukas
> 
> On Tuesday, 23 August 2011, Tudor Girba <tudor at tudorgirba.com> wrote:
> > One more thing. To get the navigation rendered with bullets, you can use the following CSS:
> >
> > #cyclerNav {text-align: center;}
> > #cyclerNav a {
> >        display: inline-block;
> >        text-decoration: none;
> >        width: 8px;
> >        height: 8px;
> >        background: #DDDDDD;
> >        border-radius: 4px;
> >        -webkit-border-radius: 4px;
> >        -moz-border-radius: 4px;
> >        margin-left: 5px;
> >        text-indent: -999em;}
> > #cyclerNav a.activeSlide {background: red;}
> >
> > Cheers,
> > Doru
> >
> >
> > On 23 Aug 2011, at 19:50, Tudor Girba wrote:
> >
> >> Hi,
> >>
> >> I added more settings to the widget. Furthermore, you can also use parameters when embedding the component to set it up dynamically. For example, you can say:
> >> +/system/components/cycler|source=.|timeout=5000|effect=fade+
> >>
> >> A live demo of the PQCycler in Pier can be seen at the bottom of:
> >> http://www.humane-assessment.com/blog/glamorous-inspector-for-smalltalk
> >>
> >> Cheers,
> >> Doru
> >>
> >>
> >> On 16 Aug 2011, at 16:11, Tudor Girba wrote:
> >>
> >>> Hi Nick,
> >>>
> >>> I finally got around to play with the Cycle plugin and created a small Pier widget for it. The widget works similarly to the old Randomizer in that it takes a source structure as an input and then slideshows the children.
> >>>
> >>> I committed a first raw (no cycle-specific settings yet) version in the Pier-JQuery package.
> >>>
> >>> Cheers,
> >>> Doru
> >>>
> >>>
> >>> On 8 Jun 2011, at 17:21, Tudor Girba wrote:
> >>>
> >>>> Thanks, Nick.
> >>>>
> >>>> I will take a look.
> >>>>
> >>>> Cheers,
> >>>> Doru
> >>>>
> >>>>
> >>>> On 27 May 2011, at 12:54, Nick Ager wrote:
> >>>>
> >>>>> I don't know of anything specifically for Pier though I integrated the JQuery cycle (http://jquery.malsup.com/cycle/):
> >>>>>
> >>>>> ((Smalltalk at: #ConfigurationOfJQueryWidgetBox) project latestVersion) load: #('JQWidgetBox-Core' 'JQWidgetBox-Dev' 'JQWidgetBox-Cycle-Core' 'JQWidgetBox-Cycle-Dev')
> >>>>>
> >>>>>
> >>>>> On 27 May 2011 10:53, Tudor Girba <tudor at tudorgirba.com> wrote:
> >>>>> Hi,
> >>>>>
> >>>>> Has anyone produced a JQuery-based slideshow for Pier 2?
> >>>>>
> >>>>> Cheers,
> >>>>> Doru
> >>>>>
> >>>>> --
> >>>>> www.tudorgirba.com
> >>>>>
> >>>>> "What we can governs what we wish."
> >>>>>
> >>>>>
> >>>>>
> >>>>> _______________________________________________
> >>>>> Magritte, Pier and Related Tools ...
> >>>>> https://www.iam.unibe.ch/mailman/listinfo/smallwiki
> >>>>>
> >>>>> _______________________________________________
> >>>>> Magritte, Pier and Related Tools ...
> >>>>> https://www.iam.unibe.ch/mailman/listinfo/smallwiki
> >>>>
> >>>> --
> >>>> www.tudorgirba.com
> >>>>
> >>>> "Value is always contextual."
> >>>>
> >>>>
> >>>>
> >>>
> >>> --
> >>> www.tudorgirba.com
> >>>
> >>> "Presenting is storytelling."
> >>>
> >>
> >> --
> >> www.tudorgirba.com
> >>
> >> "No matter how many recipes we know, we still value a chef."
> >>
> >>
> >>
> >>
> >>
> >>
> >
> > --
> > www.tudorgirba.com
> >
> > "From an abstract enough point of view, any two things are similar."
> >
> >
> >
> >
> > _______________________________________________
> > Magritte, Pier and Related Tools ...
> > https://www.iam.unibe.ch/mailman/listinfo/smallwiki
> >
> 
> -- 
> Lukas Renggli
> www.lukas-renggli.ch
> _______________________________________________
> Magritte, Pier and Related Tools ...
> https://www.iam.unibe.ch/mailman/listinfo/smallwiki

--
www.tudorgirba.com

"Every thing has its own flow."







More information about the smallwiki mailing list