jquery-based slideshow?

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
11 messages Options
Reply | Threaded
Open this post in threaded view
|

jquery-based slideshow?

Tudor Girba-2
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
Reply | Threaded
Open this post in threaded view
|

Re: jquery-based slideshow?

Reza Razavi
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
Reply | Threaded
Open this post in threaded view
|

Re: jquery-based slideshow?

Tudor Girba-2
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
Reply | Threaded
Open this post in threaded view
|

Re: jquery-based slideshow?

Nick
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,

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
Reply | Threaded
Open this post in threaded view
|

Re: jquery-based slideshow?

Reza Razavi
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
         slidesWidget ifNotNil: [^slidesWidget].

         slidesWidget := self defaultSlideShowWidgetNamed: 'slides'.
                 
        self
                  addPresentationSlidesTo: slidesWidget
                 from: self defaultSlideShowDir
                 total: self defaultSlideShowSize.
        
         ^slidesWidget

defaultSlideShowWidgetNamed: aString

        | aWidget |
        aWidget := PRComponent named: aString.
        aWidget
                 title: PRSlideshow label;
                 componentClass: PRSlideshow.
        aWidget
                 write: true
                 using: PRSlideshow descriptionSlideList;
                 
                 write: true
                 using: PRSlideshow descriptionSlideNumber.
                 
         ^aWidget

addPresentationSlidesTo: aSlidesWidget from: dirS total: aNumber
        | prefixS suffixS coef fileS fn n t sPage w h contentF p |
        prefixS := 'Diapositive'.
        suffixS := '.png'.
        GRPlatform current isUnix
                 ifTrue: [suffixS := suffixS asUppercase].
        coef := "0.8" 1.
        1 to: aNumber do: [:i |
                 fileS := dirS,  FileDirectory slash, (fn := (prefixS, i printString), suffixS).
                 
                 t := prefixS, ' ', i printString.
                 n := "prefixS" 'slide-', i printString.
                 sPage := PRPage named: n.
                 sPage title: t.
                 w := (768 * coef) printString.
                 h := (576 * coef) printString.
                 sPage contents: ('+', n, '|width=', w, '|height=', h, '+').
                 contentF := GRPlatform current  contentsOfFile: fileS binary: true.
                 p := PRFile named: n.
                 p title: 'Slide ', i printString.
                 p
                          filename: fn;
                          title: t;
                          mimetype: 'image/png';
                          contents: contentF.
                 aSlidesWidget addChild: sPage.
                 sPage addChild: p].

At 12:36 27/05/2011, Tudor Girba wrote:
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

_______________________________________________
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
Reply | Threaded
Open this post in threaded view
|

Re: jquery-based slideshow?

Tudor Girba-2
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
Reply | Threaded
Open this post in threaded view
|

Re: jquery-based slideshow?

Tudor Girba-2
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
Reply | Threaded
Open this post in threaded view
|

Re: jquery-based slideshow?

Tudor Girba-2
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
Reply | Threaded
Open this post in threaded view
|

Re: jquery-based slideshow?

Tudor Girba-2
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
Reply | Threaded
Open this post in threaded view
|

Re: jquery-based slideshow?

Lukas Renggli
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
Reply | Threaded
Open this post in threaded view
|

Re: jquery-based slideshow?

Tudor Girba-2
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