Animations (again, but different)

Animations (again, but different)

[Erik Margraf]

[-- Attachment #1.1: Type: text/plain, Size: 558 bytes --]

Dear Contexters!
In the last few days I could read a few posts about
"animations" in a resulting PDF document. Some
statements mentioned java script as possible means
to create an animation.
Is it possible to do the following (which is rather
simple using html and javascript)?

  -- Have a bunch of thumbnail pictures
  -- When you click on a thumbnail you see a
     larger version of the same picture
  -- With the next mouseclick the picture
     vanishes (you see the gallery of thumbnails again)

if yes, how?
Any hints are welcome.

kind regards
Erik

[-- Attachment #1.2: Type: text/html, Size: 639 bytes --]

[-- Attachment #2: Type: text/plain, Size: 486 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://tex.aanhet.net
archive  : http://foundry.supelec.fr/projects/contextrev/
wiki     : http://contextgarden.net
___________________________________________________________________________________

Re: Animations (again, but different)

[Wolfgang Schuster]

Am 03.11.2010 um 17:38 schrieb Erik Margraf:

> Dear Contexters!
> In the last few days I could read a few posts about 
> "animations" in a resulting PDF document. Some
> statements mentioned java script as possible means
> to create an animation. 
> Is it possible to do the following (which is rather 
> simple using html and javascript)?
> 
>   -- Have a bunch of thumbnail pictures 
>   -- When you click on a thumbnail you see a 
>      larger version of the same picture 
>   -- With the next mouseclick the picture 
>      vanishes (you see the gallery of thumbnails again)
> 
> if yes, how? 
> Any hints are welcome.

Not perfect (it’s not possible to close the big pictures) but it should give you a first impression:

\setupinteraction[state=start]

\defineproperty [1] [layer] [state=stop,global=yes]
\defineproperty [2] [layer] [state=stop,global=yes]
\defineproperty [3] [layer] [state=stop,global=yes]
\defineproperty [4] [layer] [state=stop,global=yes]

\starttexdefinition properties
  \startoverlay
    {\startproperty[1]\overlayfigure{cow}\stopproperty}
    {\startproperty[2]\overlayfigure{mill}\stopproperty}
    {\startproperty[3]\overlayfigure{hacker}\stopproperty}
    {\startproperty[4]\overlayfigure{cow}\stopproperty}
  \stopoverlay
\stoptexdefinition

\defineoverlay[properties][\properties]

\startTEXpage[background={foreground,properties}]

\bTABLE[width=4cm,height=4cm,offset=none]
  \bTR
    \bTD \goto{\overlayfigure{cow}}[VideLayer{1}] \eTD
    \bTD \goto{\overlayfigure{mill}}[VideLayer{2}] \eTD
  \eTR
  \bTR
    \bTD \goto{\overlayfigure{hacker}}[VideLayer{3}] \eTD
    \bTD \goto{\overlayfigure{cow}}[VideLayer{4}] \eTD
  \eTR
\eTABLE

\stopTEXpage

Wolfgang

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://tex.aanhet.net
archive  : http://foundry.supelec.fr/projects/contextrev/
wiki     : http://contextgarden.net
___________________________________________________________________________________

Re: Animations (again, but different)

[Erik Margraf]

[-- Attachment #1.1: Type: text/plain, Size: 3257 bytes --]

Thank's for your example! But I'm sorry to say, I didn't get it.
When I run context on it, it results in a 2x2 matrix of pictures.
Two of them show some reaction (change the color somewhat)
when I click on them. (the cows don't). That's all.

Maybe it has to with the following lines in the log file:
...
interaction     : active
references      : unknown reference [][VideLayer{1}]
references      : unknown reference [][VideLayer{2}]
references      : unknown reference [][VideLayer{3}]
references      : unknown reference [][VideLayer{4}]
...
I tried the following example from the Wiki:
=======
\defineproperty[my-hasitations][layer][state=stop]

\startproperty[my-hasitations]
To \ConTeXt\ or not to \ConTeXt?
\stopproperty

\button{Show   Decision}[VideLayer{my-hasitations}]
\button{Hide   Decision}[HideLayer{my-hasitations}]
\button{Toggle Decision}[ToggleLayer{my-hasitations}]
========
This produces the analogous messages for these three buttons.

My Context Version  - "MTXrun | current version: 2010.11.03 19:42"
My LuaTeX Version - This is LuaTeX, Version beta-0.63.0-2010090921

on Debian AMD64.  I looked at the files with Acrobat Reader 9 on Windows XP
(BTW. I also tried this completely using a MiKTeX 9 Installation on WinXP
without
success)

Am I missing something?

kind regards
Erik



2010/11/4 Wolfgang Schuster <schuster.wolfgang@googlemail.com>

>
> Am 03.11.2010 um 17:38 schrieb Erik Margraf:
>
> > Dear Contexters!
> > In the last few days I could read a few posts about
> > "animations" in a resulting PDF document. Some
> > statements mentioned java script as possible means
> > to create an animation.
> > Is it possible to do the following (which is rather
> > simple using html and javascript)?
> >
> >   -- Have a bunch of thumbnail pictures
> >   -- When you click on a thumbnail you see a
> >      larger version of the same picture
> >   -- With the next mouseclick the picture
> >      vanishes (you see the gallery of thumbnails again)
> >
> > if yes, how?
> > Any hints are welcome.
>
> Not perfect (it’s not possible to close the big pictures) but it should
> give you a first impression:
>
> \setupinteraction[state=start]
>
> \defineproperty [1] [layer] [state=stop,global=yes]
> \defineproperty [2] [layer] [state=stop,global=yes]
> \defineproperty [3] [layer] [state=stop,global=yes]
> \defineproperty [4] [layer] [state=stop,global=yes]
>
> \starttexdefinition properties
>  \startoverlay
>    {\startproperty[1]\overlayfigure{cow}\stopproperty}
>    {\startproperty[2]\overlayfigure{mill}\stopproperty}
>    {\startproperty[3]\overlayfigure{hacker}\stopproperty}
>    {\startproperty[4]\overlayfigure{cow}\stopproperty}
>  \stopoverlay
> \stoptexdefinition
>
> \defineoverlay[properties][\properties]
>
> \startTEXpage[background={foreground,properties}]
>
> \bTABLE[width=4cm,height=4cm,offset=none]
>  \bTR
>    \bTD \goto{\overlayfigure{cow}}[VideLayer{1}] \eTD
>    \bTD \goto{\overlayfigure{mill}}[VideLayer{2}] \eTD
>  \eTR
>  \bTR
>    \bTD \goto{\overlayfigure{hacker}}[VideLayer{3}] \eTD
>    \bTD \goto{\overlayfigure{cow}}[VideLayer{4}] \eTD
>  \eTR
> \eTABLE
>
> \stopTEXpage
>
> Wolfgang
>
>

[-- Attachment #1.2: Type: text/html, Size: 4238 bytes --]

[-- Attachment #2: Type: text/plain, Size: 486 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://tex.aanhet.net
archive  : http://foundry.supelec.fr/projects/contextrev/
wiki     : http://contextgarden.net
___________________________________________________________________________________

Re: Animations (again, but different)

[Erik Margraf]

[-- Attachment #1.1: Type: text/plain, Size: 3619 bytes --]

Hi, with context version  2010.11.12 18:22, I get much
better results now. Thanks!
I guess, I now have a first feeling about
these things.

kind regards
Erik

2010/11/11 Erik Margraf <erik.margraf@googlemail.com>

> Thank's for your example! But I'm sorry to say, I didn't get it.
> When I run context on it, it results in a 2x2 matrix of pictures.
> Two of them show some reaction (change the color somewhat)
> when I click on them. (the cows don't). That's all.
>
> Maybe it has to with the following lines in the log file:
> ...
> interaction     : active
> references      : unknown reference [][VideLayer{1}]
> references      : unknown reference [][VideLayer{2}]
> references      : unknown reference [][VideLayer{3}]
> references      : unknown reference [][VideLayer{4}]
> ...
> I tried the following example from the Wiki:
> =======
> \defineproperty[my-hasitations][layer][state=stop]
>
> \startproperty[my-hasitations]
> To \ConTeXt\ or not to \ConTeXt?
> \stopproperty
>
> \button{Show   Decision}[VideLayer{my-hasitations}]
> \button{Hide   Decision}[HideLayer{my-hasitations}]
> \button{Toggle Decision}[ToggleLayer{my-hasitations}]
> ========
> This produces the analogous messages for these three buttons.
>
> My Context Version  - "MTXrun | current version: 2010.11.03 19:42"
> My LuaTeX Version - This is LuaTeX, Version beta-0.63.0-2010090921
>
> on Debian AMD64.  I looked at the files with Acrobat Reader 9 on Windows XP
> (BTW. I also tried this completely using a MiKTeX 9 Installation on WinXP
> without
> success)
>
> Am I missing something?
>
> kind regards
> Erik
>
>
>
> 2010/11/4 Wolfgang Schuster <schuster.wolfgang@googlemail.com>
>
>
>> Am 03.11.2010 um 17:38 schrieb Erik Margraf:
>>
>> > Dear Contexters!
>> > In the last few days I could read a few posts about
>> > "animations" in a resulting PDF document. Some
>> > statements mentioned java script as possible means
>> > to create an animation.
>> > Is it possible to do the following (which is rather
>> > simple using html and javascript)?
>> >
>> >   -- Have a bunch of thumbnail pictures
>> >   -- When you click on a thumbnail you see a
>> >      larger version of the same picture
>> >   -- With the next mouseclick the picture
>> >      vanishes (you see the gallery of thumbnails again)
>> >
>> > if yes, how?
>> > Any hints are welcome.
>>
>> Not perfect (it’s not possible to close the big pictures) but it should
>> give you a first impression:
>>
>> \setupinteraction[state=start]
>>
>> \defineproperty [1] [layer] [state=stop,global=yes]
>> \defineproperty [2] [layer] [state=stop,global=yes]
>> \defineproperty [3] [layer] [state=stop,global=yes]
>> \defineproperty [4] [layer] [state=stop,global=yes]
>>
>> \starttexdefinition properties
>>  \startoverlay
>>    {\startproperty[1]\overlayfigure{cow}\stopproperty}
>>    {\startproperty[2]\overlayfigure{mill}\stopproperty}
>>    {\startproperty[3]\overlayfigure{hacker}\stopproperty}
>>    {\startproperty[4]\overlayfigure{cow}\stopproperty}
>>  \stopoverlay
>> \stoptexdefinition
>>
>> \defineoverlay[properties][\properties]
>>
>> \startTEXpage[background={foreground,properties}]
>>
>> \bTABLE[width=4cm,height=4cm,offset=none]
>>  \bTR
>>    \bTD \goto{\overlayfigure{cow}}[VideLayer{1}] \eTD
>>    \bTD \goto{\overlayfigure{mill}}[VideLayer{2}] \eTD
>>  \eTR
>>  \bTR
>>    \bTD \goto{\overlayfigure{hacker}}[VideLayer{3}] \eTD
>>    \bTD \goto{\overlayfigure{cow}}[VideLayer{4}] \eTD
>>  \eTR
>> \eTABLE
>>
>> \stopTEXpage
>>
>> Wolfgang
>>
>>
>

[-- Attachment #1.2: Type: text/html, Size: 4832 bytes --]

[-- Attachment #2: Type: text/plain, Size: 486 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://tex.aanhet.net
archive  : http://foundry.supelec.fr/projects/contextrev/
wiki     : http://contextgarden.net
___________________________________________________________________________________