Adapted Page Turn Sample for my Journals


With a little work, I turned the Page Turn Sample in the Silverlight.net gallery into a viewer for my Journals.  You can get to the page turner for the journal by clicking on the journal picture from my new Journalist podcast page.  I’ve also added a few features.

image

  1. I changed it to use my images (this was actually the easiest step)
  2. I changed the application to uniformly scale to the size of the browser window
  3. I added a page query parameter so that you can link to a specific page using the page number:
    http://journalist.charette.com/europe1992/?page=3
  4. I added web analytics to the app so that pages views are actually recorded as events in the web analytics service I am using.  I’ll be talking about this at Mix next month in my session on Silverlight and Web Analytics.

You can download the source code here for my page turner adaptation.  I’ve also submitted it to the Silverlight.net gallery.

Comments (10)

  1. With a little work, I turned the Page Turn Sample in the Silverlight.net gallery into a viewer for my

  2. Jesse Liberty takes a few shots at answering some SL2.0 questions, at least with things he's At Liberty

  3. Scott Barnes says:

    VERY SWEET .. you’re a freak Michael and that’s why we value you 😉

    Scott

  4. Sblancher says:

    Is it possible to use such effect for an application?

    I have to implement a SW with severals screens organized like an assistant (next, previous) and it will be great if the user could change page with a such effect.

  5. mscherotter says:

    It definitely is possible to do so.  

  6. Sblancher says:

    True?

    Could you tell me more?

    You can contact me via email: sblancher@serial.ch

    Thanks a lot!!!!

  7. artsrajesh says:

    Michael, thanks for this great sample…

    like to know how to control on page number.. i have number of pages.. not getting from where i can increase the number o pages.

    looking for your reply

    rrajeshn@gmx.com

  8. mscherotter says:

    In the CreateSilverlight.js file the PageTurn constructor takes the number of pages as its argument, in this case 24 pages:

    function createSilverlight()

    {

       scene = new PageTurn(24);

    Michael

  9. artsrajesh says:

    one more doubt… when i m running this application through visual studio by build up process its working fine.

    same, when i m trying to run this standalone .. means from folder .. its not working.

  10. Dale says:

    Cool,

    How about changing the page layout to landscape???