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 |
Doru,
For his photos, my son has found the following solution: 1) Uses Flickr.com for storing his photos, and 2) Creates a "simple" page with the content reproduced bellow (where references to "FIXME" should be replaced by individual information) Here is an example: http://www.rezarazavi.com/goya/ I've not tested it, but maybe it (or a variant) could also be used as a practical slideshow solution?! Hoping this helps, Reza {{{<div align="center"> <object width="700" height="525"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fgoyarazavi%2Fshow%2F&page_show_back_url=%2Fphotos%2Fgoyarazavi%2F&user_id=FIXME&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=FIXME"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=FIXME" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fgoyarazavi%2Fshow%2F&page_show_back_url=%2Fphotos%2Fgoyarazavi%2F&user_id=FIXME&jump_to=" width="700" height="525"></embed></object> </div>}}} *Goya Razavi>http://www.goyarazavi.com* At 11:53 27/05/2011, you wrote: Hi, _______________________________________________ Magritte, Pier and Related Tools ... https://www.iam.unibe.ch/mailman/listinfo/smallwiki |
Thanks.
However, I am looking for a solution that controls the look, it is applicable to any structure, and keeps the user on site. Cheers, Doru On 27 May 2011, at 12:22, Reza Razavi wrote: > Doru, > > For his photos, my son has found the following solution: > 1) Uses Flickr.com for storing his photos, and > 2) Creates a "simple" page with the content reproduced bellow (where references to "FIXME" should be replaced by individual information) > > Here is an example: > http://www.rezarazavi.com/goya/ > > I've not tested it, but maybe it (or a variant) could also be used as a practical slideshow solution?! > Hoping this helps, > Reza > > {{{<div align="center"> > <object width="700" height="525"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fgoyarazavi%2Fshow%2F&page_show_back_url=%2Fphotos%2Fgoyarazavi%2F&user_id=FIXME&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=FIXME"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=FIXME" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fgoyarazavi%2Fshow%2F&page_show_back_url=%2Fphotos%2Fgoyarazavi%2F&user_id=FIXME&jump_to=" width="700" height="525"></embed></object> > </div>}}} > *Goya Razavi>http://www.goyarazavi.com* > > At 11:53 27/05/2011, you 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 "Being happy is a matter of choice." _______________________________________________ Magritte, Pier and Related Tools ... https://www.iam.unibe.ch/mailman/listinfo/smallwiki |
In reply to this post by Tudor Girba-2
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 <[hidden email]> wrote: Hi, _______________________________________________ Magritte, Pier and Related Tools ... https://www.iam.unibe.ch/mailman/listinfo/smallwiki |
In reply to this post by Tudor Girba-2
I use in a Pier2 image, the PRSlideshow package from Pier1.
Here are a few examples: http://www.aas-platform.com/about/doc/slideslist/ I've a few patches that are attached (not sure if they are mandatory fro the Pier1 package to work with Pier2, and as far as I remember, they are mostly copied from PRSlideshowCrossFade). Also, I've a specialized distribution builder that loads the slides at build time. The scripts are provided below. Hoping this helps, Reza slideWidget defaultSlideShowWidgetNamed: aString addPresentationSlidesTo: aSlidesWidget from: dirS total: aNumber At 12:36 27/05/2011, Tudor Girba wrote: Thanks. _______________________________________________ Magritte, Pier and Related Tools ... https://www.iam.unibe.ch/mailman/listinfo/smallwiki PRSlideshow-#AAS.lu-Pier.st (2K) Download Attachment PRSlideshow class-#AAS.lu-Pier.st (1K) Download Attachment |
In reply to this post by Nick
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 <[hidden email]> 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." _______________________________________________ Magritte, Pier and Related Tools ... https://www.iam.unibe.ch/mailman/listinfo/smallwiki |
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 <[hidden email]> 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." _______________________________________________ Magritte, Pier and Related Tools ... https://www.iam.unibe.ch/mailman/listinfo/smallwiki |
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 <[hidden email]> 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." _______________________________________________ Magritte, Pier and Related Tools ... https://www.iam.unibe.ch/mailman/listinfo/smallwiki |
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 <[hidden email]> 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 |
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 <[hidden email]> 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, >> >> +/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 <[hidden email]> 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 |
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 <[hidden email]> 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 <[hidden email]> 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." _______________________________________________ Magritte, Pier and Related Tools ... https://www.iam.unibe.ch/mailman/listinfo/smallwiki |
Free forum by Nabble | Edit this page |