Results 1 to 4 of 4

Thread: Customization of page turning script turn.js (javascript)

  1. #1
    Join Date
    Jan 2005
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Customization of page turning script turn.js (javascript)

    I'm looking at this book pages turning script:
    www.turnjs.com/#samples/magazine1
    There are many options for customization, however it seems there isn't an option for what I want to do.

    The way it is now, in order to turn a page, you have to hover somewhere near the corners.
    Only then the page corner turns and you somehow guess that by clicking you can go to the next page.

    What I want is to make all the area clickable; wherever the mouse hovers, inside the book, one corner or another should bend.
    The size of turning corner is OK like that, no need to modify.
    I know I may have to edit the code directly somewhere, but I couldn't find the place although I tried.
    It seems all css for page turning is inside turn.js file

    If somebody can find the code line to be edited, please let me know.
    Thanks

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    There is a .next-button and a .previous-button in the CSS that sit vertically down the edges of each page. You could increase the width of those (from 22px), change the left and right positioning and set their z-index to something high like 999, to make them sit atop the page.

    Using Dev Tools (F12) should help you find the elements to edit more easily.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Jan 2005
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, I tried but it doesn't work...
    To be more precise, I'm looking for the code line where the size of the corner is defined. It could be in the library, I don't know why I can't find it..

  4. #4
    Join Date
    Jan 2005
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I could find the cornerSize:100 in the turn.min.js file,
    but even if I change it to 200 or 300, for some reason the situation on the page doesn't change- the click-able size stays the same.
    Why is that so....?

Similar Threads

  1. page turning script
    By Jay Dog in forum Looking for such a script or service
    Replies: 3
    Last Post: 10-16-2012, 01:08 AM
  2. Looking for page turn script !
    By Angliasm in forum Looking for such a script or service
    Replies: 1
    Last Post: 08-26-2010, 04:21 PM
  3. How to turn a menu into a javascript file?
    By Eternal_Howl in forum JavaScript
    Replies: 4
    Last Post: 07-23-2007, 07:16 PM
  4. Page Transition - turning page
    By babrees in forum JavaScript
    Replies: 1
    Last Post: 10-29-2005, 03:30 PM
  5. Replies: 1
    Last Post: 07-01-2005, 04:31 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •