Navigation+flipbook effects?

I can't navigate by using next/back button & wanna do craete flipbook effects.......... please help me any one can.........!
package
    import flash.geom.Vector3D;
    import flash.geom.Matrix3D;
    import flash.geom.PerspectiveProjection;
    import flash.display.Sprite;
    import flash.events.TimerEvent;
    import flash.utils.Timer;
    import flash.display.MovieClip;
    import flash.events.MouseEvent;
    import flash.media.Sound;
    import flash.media.SoundChannel;
    public class ibooktest2 extends MovieClip
        public var page_num:int =1;
        public var moviA:MovieClip=new chapterA();
        public var moviB:MovieClip=new chapterB();
        public var moviC:MovieClip=new chapterC();
        public var readbtn:MovieClip=new startread();
        public var playbtn:MovieClip=new ply();
        public var pausebtn:MovieClip=new puse();
        public var optionsbtn:MovieClip=new options();
        public var rstartbtn:MovieClip=new restart();
        public var bgmusic:Sound=new cloud();
        public var snd_channel:SoundChannel;
        public var nextbtn:MovieClip=new nxt();
        public var backbtn:MovieClip=new bck();
        //constructor
        public function ibooktest2()
            addChild(readbtn);
            snd_channel = bgmusic.play();
            //set the position of object
            readbtn.x=450; readbtn.y=350;
            playbtn.x=480; playbtn.y=650;
            pausebtn.x=480; pausebtn.y=650;
            optionsbtn.x=80; optionsbtn.y=650;
            moviA.x=400.00; moviA.y=400.00;
            moviB.x=400.00; moviB.y=400.00;
            moviC.x=400.00; moviC.y=400.00;
            nextbtn.x=550; nextbtn.y=650;
            backbtn.x=380; backbtn.y=650;
            // Assign an event listener so that Flash informs you when the SWF has been loaded
            readbtn.addEventListener(MouseEvent.CLICK,readbtn_menu);
            pausebtn.addEventListener(MouseEvent.CLICK,pause_btn);
            playbtn.addEventListener(MouseEvent.CLICK,play_btn);
            nextbtn.addEventListener(MouseEvent.CLICK,next_btn);
            backbtn.addEventListener(MouseEvent.CLICK,back_btn);
            //decleare the function
            function readbtn_menu(event:MouseEvent):void
                trace("Teast Reading");
                moviA.play();
                snd_channel.stop();
                removeChild(readbtn);
                addChild(moviA);
                addChild(pausebtn);
                addChild(nextbtn);
                addChild(backbtn);
                if (page_num==1)moviA.play();
            function pause_btn(event:MouseEvent):void
                trace("pause movie")
                moviA.stop();
                addChild(playbtn);
                removeChild(pausebtn);
            function play_btn(event:MouseEvent):void
                trace("play movie")
                moviA.play();
                removeChild(playbtn);
                addChild(pausebtn);
            function next_btn(event:MouseEvent):void
                trace("go to next movie")
                //addChild(joladd);
                //addChild(pausebtn);
                //addChild(nextbtn);
                //addChild(backbtn);
                page_num++;
                if(page_num == 1)
                    removeChild(moviA);
                    addChild(moviB);
                else if(page_num == 2)
                    removeChild(moviB);
                    addChild(moviC);
            function back_btn(event:MouseEvent):void
                trace("go back to previus")
                page_num--;
                if(page_num == 1)
                    removeChild(moviA);
                    addChild(moviC);
                else if(page_num == 2)
                    removeChild(moviB);

Flash Page Flip Software www.flipcreator.net/page-flip
Create Unlimited Flash Flipbooks from PDF and images. [url=http://www.r4ds-dstt.nl/]R4[/url] Free to try!
A good exchange of information..Thank you!

Similar Messages

  • Navigation Blur Effect

    I am using a movie clip prototype (see below) to blur my
    navigation when the user rolls over it. It works, but i would like
    for it to just blur once, then go back to being clear, all while
    the mouse is over it. Any suggestions?
    Thank you :0)

    the main problems with the previous code were:
    1. you were (trying to) repeatedly calling blurMC (with
    myNavMC.onEnterFrame) and that's not necessary. blurMC creates a
    loop to gradually (actually pretty quickly) blur the movieclip.
    2. the loop in blurMC never ends. for each movieclip to which
    it's applied it initiates an onEnterFrame loop that never
    terminates.
    3. the loop blurMC started was applied to the movieclip
    itself. if the movieclip already had an onEnterFrame loop defined,
    blurMC would replace that loop breaking your code elsewhere.
    (though this worked to your advantage with your original code where
    myNavMC.onEnterFrame would have caused the flash player to go into
    an endless loop and crash if it weren't replaced.)

  • Toplevel Navigation: Hover Effect

    Hello,
    in the standard TLN there is the "Hovering" property. It allows users to mouse over a first-level tab and see it's second level entries.
    I want to make this work in my custom TLN iview, but I have no idea how to, as I'm pretty new to this!
    Best regards,
    Marko

    hi,
    check these out:
    <a href="https://www.sdn.sap.com/irj/sdn/weblogs?blog=/pub/wlg/2453">https://www.sdn.sap.com/irj/sdn/weblogs?blog=/pub/wlg/2453</a>
    <a href="https://www.sdn.sap.com/irj/sdn/weblogs?blog=/pub/wlg/3683">https://www.sdn.sap.com/irj/sdn/weblogs?blog=/pub/wlg/3683</a>
    Best regards,
    Avishai Zamir

  • Navigation rollovers shift tables/images - why?

    Hi, I'm using FW CS3 and DW CS3 and I'm on a 24" iMac. These sites are driving me nuts with the IE 7 browser. In BOTH cases, the navigation rollover effect somehow causes the table or image to shift. Note: I use tables to create my websites.
    This ONLY happens in IE - at least consistently. I've double checked my Fireworks Files to set the image locations as identical in frames 1 and 2. And I've checked my margins on my DWT templates to make sure no space got accidentally inserted.
    Also in the Bright-Belt Music site, my rollovers don't even show up, on ANY browser.
    Are these DW CS3 bugs perhaps??
    Here are my sites; I do hope it's okay to list both since they both have the similar issue. I've checked some of these pages for validation but I'm not all through with that yet.
    Many Thanks for any help on these; this issue has been a thorn in my side for months.
    www.brightbeltmusic.com
    www.frankbright.com/index3.htm

    I'm on Windows7 and IE 8. 
    On the rollover, the table shifts down a couple of pixels. It's veery strange why it would happen in some browsers and not others.
    Welcome to browser hell!
    Try running IE8 in IE7 Compatibility Mode.
    http://www.microsoft.com/uk/windows/internet-explorer/features/enhanced-navigation.aspx
    If it looks OK in IE7 mode, then you can force your page to be viewed correctly by adding a line of code to your web pages.  This link shows how.
    http://davidwalsh.name/ie8-emulate-ie7
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Navigation control

    Hi~
    In the Visual Composer,there is a funtion called "navigation control".
    in web dynpro, how to make "navigation control" effect, the same as Visual Composer does?
    thanks
    Message was edited by: Allen Chou

    Hello Mukesh mani,
    thanks for quick response.
    however, what I really mean is that, how to make a "navigation controll" UI component, like the one Visual Composer does in Web Dynpro. For further illustration, please see below links, which shows those UI images I meant to implement:
    <a href="http://sampang.myweb.hinet.net/T1.jpg">http://sampang.myweb.hinet.net/T1.jpg</a>
    Thks in advance,
    Message was edited by: Allen Chou

  • Cool rollover effect

    I'm trying to achieve the same navigation rollover effect
    that is seen here:
    http://www.savageconstruction.com/
    I have gotten this far:
    http://accent-mg.com/index.swf
    So you see I have the "over" state to move the word up and
    the line comes out, but how do you have the line go in and the word
    move down when the mouse leaves the "over" state? And it seems
    their line "bounces" slightly when it expands entirely, how do I do
    that?
    thanks in advance,
    -b

    Brhaynes75 wrote:
    > I'm trying to achieve the same navigation rollover
    effect that is seen here:
    >
    >
    http://www.savageconstruction.com/
    >
    > I have gotten this far:
    >
    >
    http://accent-mg.com/index.swf
    >
    > So you see I have the "over" state to move the word up
    and the line comes out,
    > but how do you have the line go in and the word move
    down when the mouse leaves
    > the "over" state? And it seems their line "bounces"
    slightly when it expands
    If you want it like the site you refer to, you can't keep it
    within button itself
    because button resets as soon as you move your pointer off
    the Hot Spot (hit area)
    of the button.
    That's the nature of the button, beyond our control.
    You need to place the animation in movie clip and simply play
    it on roll over.
    You could place button inside of that movie clip to trigger
    it or you could use button
    handler directly on the movie clip so it will work as MC but
    behave like button.
    You could as well use some loop to assure smooth return of
    tween as soon as user moves
    off the button/movie clip.
    Let me explain on simple example.
    Make a movie clip and inside of that clip:
    frame 1 stop(); action to prevent it from running
    frame 2, animation of the text going up and the line growing.
    frame (example) 30 end of the animation
    NOTE ! this is only ONE way animation. No tweening it back to
    normal onrollout.
    Will explain in a moment why.
    Now, get out of the movie clip timeline, select the movie
    clip and hit CTRL F3 to open
    the properties panel. Give it instance name "button1".
    We will use button handler to control the clip and a enter
    frame loop to make the tween
    to run on roll over and reverse on roll out. Using that
    method instead of making animation
    in and out allow us to keep smooth tween in case if the user
    move off the button quickly
    before the animation completed. It will make it play reverse
    from the exact frame the user
    left it off.
    So, after you gave it instance name, on main timeline place
    the following action:
    button1.onEnterFrame = function() {
    (fade) ? button1.nextFrame() : button1.prevFrame();
    button1.onRollOver=function(){_root.fade = true;}
    button1.onRollOut=function(){_root.fade = false;}
    I do understand that it might sound easier to me knowing in
    my head how exactly I would
    go about it and not as easy to materialize, so I made up a
    simple example for you to
    check:
    http://flashfugitive.com/stuff/roll_over_out.swf
    d/l
    http://flashfugitive.com/stuff/roll_over_out.fla
    Best Regards
    Urami
    !!!!!!! Merry Christmas !!!!!!!
    Happy New Year
    <urami>
    If you want to mail me - DO NOT LAUGH AT MY ADDRESS
    </urami>

  • How do I turn an outline to a path?

    First off please excuse my forum etiquette. I am learning.
    On Windows 7 64bit in Illustrator CS4
    I am trying to make an outline or even multiple outlines that are actually paths (for option of cutting on plotter)
    Or creating a contour around objects to create a cut path for my printer/cutter (Summa DC4).
    Clicked text tool
    typed word
    right clicked & selected create outlines
    navigated to >>effect >>path >>offset path >>pressed ok
    Now I have what looks to be an outline but it is not a path (with nodes)
    How do I create outlines or which are paths.
    I hope my post is ok. please forgive me.
    Thanks in advance.

    Mylenium,
           Thanks for the quick response.
    When I try to select object >> expand is not available. so i tried >> expand appearance and it splits each letters outline into a seperate shape (which I can weld) but removes the original letters ( which I could copy ahead of time and then paste and minus front ).
    Is there a reason expand is grayed out? I am sure I am missing something. Just wondering if there was a shorter way.
    So far it worked for this "word example"
                      but I will have to try if I was to outline (contour) an image or the like.
    Thanks guys!
    Message was edited by: curseo

  • Query read mode-Cache mode

    Hi,
    Can u explain me the functionalities of the options:
    A-Query to read all data at once
    X-Query to read data during navigation
    H-Query to read when u navigate or expand hierarchies
    I am not clear of the diff. bet. the X,H options....
    <b>Cache Mode:</b>
    0-Cache is Inactive
    1-Main memory cache without swapping
    2-Main memory cache without swapping
    3-Main memory cache with swapping
    4-Persistent cache for each application server
    5-Persistent cache across each application server
    <b>Optimization Mode:</b>
    0-Query will be optimised after generation
    1-Query optimization with individual periods in days
    9-Query optimization inactive
    Can u explain these functionalities in detail...
    Max.points will be assigned

    HI,
    PLease check this..
    1.      Query to be read when you navigate or expand hierarchies (H)
    The amount of data transferred from the database to the OLAP processor is the smallest in this mode. However, it has the highest number of read processes.
    In the following mode Query to read data during navigation, the data for the fully expanded hierarchy is requested for a hierarchy drilldown. In the Query to be read when you navigate or expand hierarchies mode, the data across the hierarchy is aggregated and transferred to the OLAP processor on the hierarchy level that is the lowest in the start list. When expanding a hierarchy node, the children of this node are then read.
    You can improve the performance of queries with large presentation hierarchies by creating aggregates on a middle hierarchy level that is greater or the same as the hierarchy start level.
           2.      Query to read data during navigation (X)
    The OLAP processor only requests data that is needed for each navigational status of the query in the Business Explorer. The data that is needed is read for each step in the navigation.
    In contrast to the Query to be read when you navigate or expand hierarchies mode, presentation hierarchies are always imported completely on a leaf level here.
    The OLAP processor can read data from the main memory when the nodes are expanded.
    When accessing the database, the best aggregate table is used and, if possible, data is aggregated in the database.
           3.      Query to read all data at once (A)
    There is only one read process in this mode. When you execute the query in the Business Explorer, all data in the main memory area of the OLAP processor that is needed for all possible navigational steps of this query is read. During navigation, all new navigational states are aggregated and calculated from the data from the main memory.
    The read mode Query to be read when you navigate or expand hierarchies significantly improves performance in almost all cases compared to the other two modes. The reason for this is that only the data the user wants to see is requested in this mode.
    Compared to the Query to be read when you navigate or expand hierarchies, the setting Query to read data during navigation only effects performance for queries with presentation hierarchies.
    Unlike the other two modes, the setting Query to Read All Data At Once also has an effect on performance for queries with free characteristics. The OLAP processor aggregates on the corresponding query view. For this reason, the aggregation concept, that is, working with pre-aggregated data, is least supported in the Query to read all data at once mode.
    We recommend you choose the mode Query to be read when you navigate or expand hierarchies.
    Only choose a different read mode in exceptional circumstances. The read mode Query to read all data at once may be of use in the following cases:
          The InfoProvider does not support selection. The OLAP processor reads significantly more data than the query needs anyway.
             1.      Cache is Inactive (0)
    The cross-transactional cache is deactivated.
    The following modes are possible for the active cache: The cross-transactional cache is activated.
           2.      Main Memory Cache Without Swapping (1)
    The cache data is stored in the main memory. When the cache memory has been exhausted, excess data is removed according to the LRU algorithm, i.e. deleted from the memory. When a query is subsequently requested, the result is read from the InfoProvider once again.
           3.      Main Memory Cache with Swapping (2)
    The cache data is stored in the main memory. When the caching memory is used up, the excess data is written to a background and can be loaded back into the cache memory when making another request.
    After query-relevant data has been loaded again, the background store can no longer be used.
           4.      Persistent Cache per Application Server (3)
    The cache data is stored persistently as a database table or as a file in a directory attainable from the application server. We recommend that you choose a directory that is proximate to the application server.
    When you save the cache data in a database table this puts a strain on the database. However, it is also then quicker to access uncached data in the database.  In comparison to storing data in, for example, a star schema (see InfoCube), fewer tables are read and fewer indexes are accessed.
           5.      Cross-Application Server Persistent Cache (4)
    The cache data is stored persistently as a cross-application server database table or file in a file system in the network, accessed from the application server.  In this mode there is no displacement of data and no restriction on memory size. More space is required but this method also saves time.
    ¡        Database table: Strain is put on the database instance for the table.
    ¡        File: Strain is put on the network node operating system for the file.
    ¡        In addition, the application server that calculates the data and network communication has to be taken into account with both storage types. 
    If you do not make any other settings the OLAP processor determines the optimal initial size of the table SP, that is the memory structure in which data is held and processed in the OLAP processor (see Cache Structure). This is done after the first execution and again after a period of 31 days since the last optimization. It automatically generates a report afterwards.  
    In the Query Properties dialog box in the Query Monitor you can implement, modify of deactivate this function. Choose one of the following options:
    ·        Query is optimized after generation (0)
    ·        Query optimization with individual periods in days (1) Here you can determine the optimization period yourself.
    ·        Query optimization inactive (9)
    Hope this helps..
    Bye,
    Shashikanth.

  • Flash Menu problems in Firefox

    I've installed a flash menu for this site: www.phoenixhealingarts.org.  In Firefox the buttons and drop down effect (located over the outpatient programs button) does not work properly sometimes when clicked or moused over the first time.  It's as if you have to click into the menu to trigger any navigation or effects.  Surprisingly the menu works fine in IE8.  Also, a dotted line appear around the div containing the swf.  Anyone else experience this or have a solution?
    Thanks in advance,

    bump

  • Query Performance on ODS

    Hi all,
            I have an ODS with around 23000 records. The ODS has around 20 fields in it (3 key fields). I built a query on the ODS. The User only inputs Cost center Hierarchy. The report does not have any calculations. It is a direct view of the fields, but the report is taking a long time to run if I select first 2nd or 3rd level of the hierarchy as the starting point. If I  select the 5th or 6th level for the hierarchy then the query output is fast. With just 23000 records on the ODS I thought query performance should be fast for any level of hierarchy.
    I even created an index on Costcenter, even then no improvement in performance. Is there any way to achieve faster query performance on the ODS.
    Thanks,
    Prabhu.

    Technical content cubes[ if installed ] gives more generic statistics of query run time...
    RSRT option mentioned by Sudheer is more targeted approach.
    The same RSRT can be help full to do the following....[ from help.sap]
    Definition
    The read mode determines how the OLAP processor gets data during navigation. You can set the mode in Customizing for an InfoProvider and in the Query Monitor for a query.
    Use
    The following types are supported:
           1.      Query to be read when you navigate or expand hierarchies (H)
    The amount of data transferred from the database to the OLAP processor is the smallest in this mode. However, it has the highest number of read processes.
    In the following mode Query to read data during navigation, the data for the fully expanded hierarchy is requested for a hierarchy drilldown. In the Query to be read when you navigate or expand hierarchies mode, the data across the hierarchy is aggregated and transferred to the OLAP processor on the hierarchy level that is the lowest in the start list. When expanding a hierarchy node, the children of this node are then read.
    You can improve the performance of queries with large presentation hierarchies by creating aggregates on a middle hierarchy level that is greater or the same as the hierarchy start level.
           2.      Query to read data during navigation (X)
    The OLAP processor only requests data that is needed for each navigational status of the query in the Business Explorer. The data that is needed is read for each step in the navigation.
    In contrast to the Query to be read when you navigate or expand hierarchies mode, presentation hierarchies are always imported completely on a leaf level here.
    The OLAP processor can read data from the main memory when the nodes are expanded.
    When accessing the database, the best aggregate table is used and, if possible, data is aggregated in the database.
           3.      Query to read all data at once (A)
    There is only one read process in this mode. When you execute the query in the Business Explorer, all data in the main memory area of the OLAP processor that is needed for all possible navigational steps of this query is read. During navigation, all new navigational states are aggregated and calculated from the data from the main memory.
    The read mode Query to be read when you navigate or expand hierarchies significantly improves performance in almost all cases compared to the other two modes. The reason for this is that only the data the user wants to see is requested in this mode.
    Compared to the Query to be read when you navigate or expand hierarchies, the setting Query to read data during navigation only effects performance for queries with presentation hierarchies.
    Unlike the other two modes, the setting Query to Read All Data At Once also has an effect on performance for queries with free characteristics. The OLAP processor aggregates on the corresponding query view. For this reason, the aggregation concept, that is, working with pre-aggregated data, is least supported in the Query to read all data at once mode.
    We recommend you choose the mode Query to be read when you navigate or expand hierarchies.
    Only choose a different read mode in exceptional circumstances. The read mode Query to read all data at once may be of use in the following cases:
    §         The InfoProvider does not support selection. The OLAP processor reads significantly more data than the query needs anyway.
    §         A user exit is active in a query. This prevents data from already being aggregated in the database.

  • How to make thumbnails enlarge when using grid navigation effects with jquery

    I have used a grid navigation effect with jquery to display several thumbnail images but i would like the images to enlarge to a bigger size when they are clicked on, i dont want another window to open but for the image to appear on the same page like lightbox, except i dont need a gallery, just the enlarging function. Please see the code below of my page and the link to see the demo of the grid nav with jquery that i used (effect- 'rows move', example 9).
    http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/comment-page-2/#comments
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>My gallery</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    <link href="gridNavigation.css" rel="stylesheet" type="text/css" />
    <link href="reset.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body {
              background-color: #000000;
    a:link {
              text-decoration: none;
              color:#f1d379;
    a:visited {
              text-decoration: none;
              color: #f1d379;
    a:hover {
              text-decoration: none;
              color: #9d6f1b;
    a:active {
              text-decoration: none;
              color: #f1d379;
    </style>
            <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
                        <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
                        <script type="text/javascript" src="scripts/jquery.mousewheel.js"></script>
                        <script type="text/javascript" src="scripts/jquery.gridnav.js"></script>
    <script type="text/javascript">
    $(function() {
                                            $('#tj_container').gridnav({
                                                      type          : {
                                                          rows    : 2,
                                                                mode                    : 'rows',                               // use def | fade | seqfade | updown | sequpdown | showhide | disperse | rows
                                                                speed                    : 1000,                                        // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                                easing                    : 'easeInOutBack',          // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                                factor                    : 150,                                        // for seqfade, sequpdown, rows
                                                                reverse                    : ''                                        // for sequpdown
    </script>
    </head>
    <body>
    <div class="container" id="container">
    <div id="navbar_gallery" class="#navbar_gallery">
    <ul>
              <li><a  href="index.html">Homepage</a></li>
              <li><a  href="about_me.html" >About me</a></li>
              <li><a  href="gallery.html">Gallery</a></li>
              <li><a  href="contact.html">Contact</a></li>
      </ul>
    </div>
    <div class="maintext" id="page_maintext">
      <p class="page_heading">My Gallery</p>
    </div>
    <div class="content example5">
    <div id="tj_container" class="tj_container">
                                                      <div class="tj_nav">
                                                                <span id="tj_prev" class="tj_prev">Previous</span>
                                                                <span id="tj_next" class="tj_next">Next</span>
                                                      </div>
              <div class="tj_wrapper">
                                                                <ul class="tj_gallery">
                                                                          <li><a href="#"><img src="images/1.jpg" alt="image01" /></a></li>
                                                                          <li><a href="#"><img src="images/2.jpg" alt="image02" /></a></li>
                                                                          <li><a href="#"><img src="images/3.jpg" alt="image03" /></a></li>
                                                                          <li><a href="#"><img src="images/4.jpg" alt="image04" /></a></li>
                                                                          <li><a href="#"><img src="images/5.jpg" alt="image05" /></a></li>
                                                                          <li><a href="#"><img src="images/6.jpg" alt="image06" /></a></li>
                                                                          <li><a href="#"><img src="images/7.jpg" alt="image07" /></a></li>
                                                                          <li><a href="#"><img src="images/8.jpg" alt="image08" /></a></li>
                                                                          <li><a href="#"><img src="images/9.jpg" alt="image09" /></a></li>
                                                                          <li><a href="#"><img src="images/10.jpg" alt="image10" /></a></li>
                                                                          <li><a href="#"><img src="images/11.jpg" alt="image11" /></a></li>
                                                                          <li><a href="#"><img src="images/12.jpg" alt="image12" /></a></li>
                                                                          <li><a href="#"><img src="images/13.jpg" alt="image13" /></a></li>
                                                                          <li><a href="#"><img src="images/14.jpg" alt="image14" /></a></li>
                                                                          <li><a href="#"><img src="images/15.jpg" alt="image15" /></a></li>
                                                                          <li><a href="#"><img src="images/16.jpg" alt="image16" /></a></li>
                                                                          <li><a href="#"><img src="images/17.jpg" alt="image17" /></a></li>
                                                                          <li><a href="#"><img src="images/18.jpg" alt="image18" /></a></li>
                                                                          <li><a href="#"><img src="images/19.jpg" alt="image19" /></a></li>
                                                                          <li><a href="#"><img src="images/20.jpg" alt="image20" /></a></li>
                                                        </ul>
                </div>
      </div>
    </div>
    </body>
    </html>

    Ok so i've tried to do the above as suggested but i've obviously gone wrong somewhere as the fancybox function doesnt work, all that happens when clicking on thumbnail is the bigger version is opened in another browser window?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>My gallery</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    <link href="gridNavigation.css" rel="stylesheet" type="text/css" />
    <link href="reset.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
    <style type="text/css">
    body {
              background-color: #000000;
    a:link {
              text-decoration: none;
              color:#f1d379;
    a:visited {
              text-decoration: none;
              color: #f1d379;
    a:hover {
              text-decoration: none;
              color: #9d6f1b;
    a:active {
              text-decoration: none;
              color: #f1d379;
    </style>
            <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
                        <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
                        <script type="text/javascript" src="scripts/jquery.mousewheel.js"></script>
                        <script type="text/javascript" src="scripts/jquery.gridnav.js"></script>
            <script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
            <script type="text/javascript">
    $(function() {
                                            $('#tj_container').gridnav({
                                                      type          : {
                                                          rows    : 2,
                                                                mode                    : 'rows',                               // use def | fade | seqfade | updown | sequpdown | showhide | disperse | rows
                                                                speed                    : 1000,                                        // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                                easing                    : 'easeInOutBack',          // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                                factor                    : 150,                                        // for seqfade, sequpdown, rows
                                                                reverse                    : ''                                        // for sequpdown
    </script>
    <script type="text/javascript">
              $(document).ready(function() {
                        $(".fancybox").fancybox();
    </script>
    <script type="text/javascript">
    $(document).ready(function() {
                  $("#single_1").fancybox({
              helpers: {
                  title : {
                      type : 'float'
        $("#single_2").fancybox({
                  openEffect          : 'elastic',
                  closeEffect          : 'elastic',
                  helpers : {
                            title : {
                                      type : 'inside'
        $("#single_3").fancybox({
                  openEffect : 'none',
                  closeEffect          : 'none',
                  helpers : {
                            title : {
                                      type : 'outside'
                   $("#single_4").fancybox({
                  helpers : {
                            title : {
                                      type : 'over'
    </script>
    </head>
    <body>
    <div class="container" id="container">
    <div id="navbar_gallery" class="#navbar_gallery">
    <ul>
              <li><a  href="index.html">Homepage</a></li>
              <li><a  href="about_me.html" >About me</a></li>
              <li><a  href="gallery.html">Gallery</a></li>
              <li><a  href="contact.html">Contact</a></li>
      </ul>
    </div>
    <div class="maintext" id="page_maintext">
      <p class="page_heading">My Gallery</p>
    </div>
    <div class="content example5">
    <div id="tj_container" class="tj_container">
                                                      <div class="tj_nav">
                                                                <span id="tj_prev" class="tj_prev">Previous</span>
                                                                <span id="tj_next" class="tj_next">Next</span>
                                                      </div>
              <div class="tj_wrapper">
                                                                <ul class="tj_gallery">
                                                                          <li><a id="single_1" href="images/1-big.jpg" title="Row of beach huts"><img src="images/1.jpg" alt="Row of beach huts" /></a>
                                                                          <li><a id="single_2" href="images/2-big.jpg" title="Bees collecting pollen"><img src="images/2.jpg" alt="Bees collecting pollen" /></a></li>
                                                                          <li><a id="single_3" href="images/3-big.jpg" title="Frank"><img src="images/3.jpg" alt="Frank" /></a>
                                                                          <li><a id="single_4" href="images/4-big.jpg" title="New zealand beach"><img src="images/4.jpg" alt="Beach" /></a></li>
                                                                          <li><a id="single_5" href="images/5-big.jpg" title="Sonning river"><img src="images/5.jpg" alt="River" /></a></li>
                                                                          <li><a id="single_6" href="images/6-big.jpg" title="Steaming post in the morning sun"><img src="images/6.jpg" alt="steaming post" /></a></li>
                                                                          <li><a id="single_7" href="images/7-big.jpg" title="Portrait lady"><img src="images/7.jpg" alt="Portrait of lady" /></a></li>
                                                                          <li><a id="single_8" href="images/8-big.jpg" title="A great day at the coast"><img src="images/8.jpg" alt="Dog running along beach" /></a></li>
                                                                          <li><a id="single_9" href="images/9-big.jpg" title="Jam hut in new zealand"><img src="images/9.jpg" alt="Jam hut in new zealand" /></a></li>
                                                                          <li><a id="single_10" href="images/10-big.jpg" title="New zealand lake"><img src="images/10.jpg" alt="new zealand lake" /></a></li>
                                                                          <li><a id="single_11" href="images/11-big.jpg" title="Full speed ahead"><img src="images/11.jpg" alt="Dog running" /></a></li>
                                                                          <li><a id="single_12" href="images/12-big.jpg" title="Portsmouth docks"><img src="images/12.jpg" alt="Portsmouth docks" /></a></li>
                                                                          <li><a href="#"><img src="images/13.jpg" alt="image13" /></a></li>
                                                                          <li><a href="#"><img src="images/14.jpg" alt="image14" /></a></li>
                                                                          <li><a href="#"><img src="images/15.jpg" alt="image15" /></a></li>
                                                                          <li><a href="#"><img src="images/16.jpg" alt="image16" /></a></li>
                                                                          <li><a href="#"><img src="images/17.jpg" alt="image17" /></a></li>
                                                                          <li><a href="#"><img src="images/18.jpg" alt="image18" /></a></li>
                                                                          <li><a href="#"><img src="images/19.jpg" alt="image19" /></a></li>
                                                                          <li><a href="#"><img src="images/20.jpg" alt="image20" /></a></li>
                                                        </ul>
                </div>
      </div>
    </div>
    </body>
    </html>

  • I'm having trouble with the develop module in LR5.4. Any adjustments are taking effect, but only viewable in the filmstrip, not on the main photo. The navigator will go grey, as does the main area too. This applies to all edits done in develop module. I h

    I'm having trouble with the develop module in LR5.4. Any adjustments are taking effect, but only viewable in the filmstrip, not on the main photo. The navigator will go grey, as does the main area too. This applies to all edits done in develop module. I have posted several times on the forum with no responses to address this, and have seen others with the same issue. I have even gone as far as to do a complete re-install of LR5, with no success. I'm at a loss, and I depend on it for so much editing. Please help.

    Reset your preferences file: Resetting (or 'Trashing') the Lightroom Preferences file - Lightroom Forums
    Report back if that doesn't work.

  • Hover Effect in Top level navigation in Portal 7.3

    Hi All,
    We have achieved hover effect till 3 levels in Portal 7.3
    We have tried to implement 4th level,but we are facing issue
    Kindly help me to implement 4 level hover effect in portal 7.3 (EHP6).
    Please find the attached CSS and JSP file for 3 level hovering and 4 level hovering in which we are facing the above issue.
    Regards,
    Sarita Agrawal

    Hi Sarita,
    I have pretty much followed your approach. But in the drop down top level navigation works wiredly & doesn't pick up the value as desired. I have similar need where the TLN has to be extended till 4 level, could you point me right direction where is it going wrong?
    For 3-levels:
    <ul>
        <nav:iterateInitialNavNodes>
           <li id='l0'>
                 <nav:navNodeAnchor navigationMethod="byEPCM" />
                        <nav:ifNavNodeHasChildren>
                          <ul>
                            <nav:iterateNavNodeChildren>
                               <nav:ifNavNodeHasChildren>
                                           <li  id='l1'>
                                                   <nav:navNodeAnchor navigationMethod="byEPCM" />
                                                          <ul>
                                                        <nav:iterateNavNodeChildren>
                                                               <li  id='l2'>
                                                                       <nav:navNodeAnchor navigationMethod="byEPCM"/>
                                                               </li>
                                                        </nav:iterateNavNodeChildren>
                                                    </ul>.
                                            </li>
                               </nav:ifNavNodeHasChildren>
                               <nav:ifNotNavNodeHasChildren>
                                            <li id='l3'>
                                                      <nav:navNodeAnchor navigationMethod="byEPCM"/>
                                            </li>
                               </nav:ifNotNavNodeHasChildren>
                      </nav:iterateNavNodeChildren>
             </ul>
           </nav:ifNavNodeHasChildren>
            </li>
       </nav:iterateInitialNavNodes>
    </ul>
    Thanks and Regards,
    Sumanth

  • Problem with GRID NAVIGATION EFFECTS WITH JQUERY

    Hi All,
    Im having problem with this image gallery with navigation (please see link below to see running demo). I am trying to use the 'Row move' style but am having problems getting the function to work. I have the images and everything set up fine but the actual function/navigation isn't working. I have downloaded all the relevant files to my computer but nothing happens when i click on the arrows. Also all of the 20 images are showing instead of just the 2 rows of 3? There should be 2 rows of 3 iamages showing then when the arrows are clicked the next two rows are shown and so on.
    http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/
    This is the code i have -
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>My gallery</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    <link href="gridNavigation.css" rel="stylesheet" type="text/css" />
    <link href="reset.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body {
              background-color: #000000;
    a:link {
              text-decoration: none;
              color:#f1d379;
    a:visited {
              text-decoration: none;
              color: #f1d379;
    a:hover {
              text-decoration: none;
              color: #9d6f1b;
    a:active {
              text-decoration: none;
              color: #f1d379;
    </style>
            <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
                        <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
                        <script type="text/javascript" src="scripts/jquery.mousewheel.js"></script>
                        <script type="text/javascript" src="scripts/jquery.gridnav.js"></script>
    <script type="text/javascript">
                                  $(function() {
                                            $('#tj_container').gridnav({
                                                      type          : {
                                                          rows    : 2,
                                                                mode                    : 'rows',                               // use def | fade | seqfade | updown | sequpdown | showhide | disperse | rows
                                                                speed                    : 1000,                                        // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                                easing                    : 'easeInOutBack',          // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                                factor                    : 150,                                        // for seqfade, sequpdown, rows
                                                                reverse                    : ''                                        // for sequpdown
                        </script>
    </head>
    <body>
    <div class="container" id="container">
    <div id="navbar" class="#navbar">
    <ul>
              <li><a  href="index.html">Homepage</a></li>
              <li><a  href="about_me.html" >About me</a></li>
              <li><a  href="gallery.html">Gallery</a></li>
              <li><a  href="contact.html">Contact</a></li>
      </ul>
    </div>
                                                      <div class="tj_nav">
                                                                <span id="tj_prev" class="tj_prev">Previous</span>
                                                                <span id="tj_next" class="tj_next">Next</span>
                                                      </div>
                                                      <div class="tj_wrapper">
                                                                <ul class="tj_gallery">
                                                                          <li><a href="#"><img src="images/1.jpg" alt="image01" /></a></li>
                                                                          <li><a href="#"><img src="images/2.jpg" alt="image02" /></a></li>
                                                                          <li><a href="#"><img src="images/3.jpg" alt="image03" /></a></li>
                                                                          <li><a href="#"><img src="images/4.jpg" alt="image04" /></a></li>
                                                                          <li><a href="#"><img src="images/5.jpg" alt="image05" /></a></li>
                                                                          <li><a href="#"><img src="images/6.jpg" alt="image06" /></a></li>
                                                                          <li><a href="#"><img src="images/7.jpg" alt="image07" /></a></li>
                                                                          <li><a href="#"><img src="images/8.jpg" alt="image08" /></a></li>
                                                                          <li><a href="#"><img src="images/9.jpg" alt="image09" /></a></li>
                                                                          <li><a href="#"><img src="images/10.jpg" alt="image10" /></a></li>
                                                                          <li><a href="#"><img src="images/11.jpg" alt="image11" /></a></li>
                                                                          <li><a href="#"><img src="images/12.jpg" alt="image12" /></a></li>
                                                                          <li><a href="#"><img src="images/13.jpg" alt="image13" /></a></li>
                                                                          <li><a href="#"><img src="images/14.jpg" alt="image14" /></a></li>
                                                                          <li><a href="#"><img src="images/15.jpg" alt="image15" /></a></li>
                                                                          <li><a href="#"><img src="images/16.jpg" alt="image16" /></a></li>
                                                                          <li><a href="#"><img src="images/17.jpg" alt="image17" /></a></li>
                                                                          <li><a href="#"><img src="images/18.jpg" alt="image18" /></a></li>
                                                                          <li><a href="#"><img src="images/19.jpg" alt="image19" /></a></li>
                                                                          <li><a href="#"><img src="images/20.jpg" alt="image20" /></a></li>
                                                        </ul>
                </div>
    </div>
    </body>
    </html>

    Not sure what example you are using but it looks like you have missed out a couple of important <divs> in your code which surround the main <div>:
    If the case of example five:
    <div class="content example5'>
    <div id="tj_container" class="tj_container">
    MAIN STUFF GOES HERE
    </div>
    </div>
    I dont know if its my computer or not but I found the animation a bit flaky.

  • Free After Effects Video Tutorial - Satellite Navigation System's animation (Part 1) in After Effect

    Hi friends
    There is an Amazing new video tutorial at http://www.henrythejedi.com in which you will learn how to
    create a Satellite Navigation System's animation in After Effects
    Here is what is covered in Part 1 of this exciting tutorial:
    • Have fun making this very popular effect as seen on countless Television shows from all around the world
    • Enjoy the creative process of making this very popular scene in which a satellite navigation
    system tracks an object on a satellite image
    • Create the project assets for the satellite animation in After Effects
    • Learn very creative color correction techniques
    . Animatting layers to achieve the desired effect
    Please visit http://www.henrythejedi.com today to find out more....
    You can also download a high quality version of this amazing video tutorial for FREE
    so you can learn at the comfort of your home and at your own pace
    Please check this tutorial and more on our website:
    http://www.henrythejedi.com
    Thank you so much for your time
    Henry Mbata AKA The Jedi
    3d Modeller, Animator, Visual effects artist and Trainer
    website: http://www.henrythejedi.com
    e-mail address: [email protected]
    Tel: +27725407280

    Thanks for the work you've done on these tutorials and I wish you success in launching your DVD.
    Your English is very good.
    bogiesan

Maybe you are looking for

  • How do I move my iweb site to another account?

    I have built my wife a web site on my computer on my .mac account using iweb. But I want to move it over to my wife's .mac account on her computer. Essentially to have it live on her computer and not mine. How do I do this? HELP! Thanks a million.

  • Home Sharing Not Working Properly

    Hi everyone, I've been through the support pages and the forums here and I've tried just about everything I can think of and whatever was suggested but I'm still having Home Sharing issues. Well, it works for one Mac. I have: 24" iMac 2.8GHz, running

  • Time Machine External Hard Drive Back Up

    I am wondering if there is a way to back up on time machine an external hard drive connected to my airport extreme. Here is my set-up: iMac with a 2TB external hard drive connected via firewire to the actual iMac in the back airport extreme connected

  • How can I modify Recorded (in MTM) UI tests? Can I modify execution script

    Hi, Introduction: I have some TestCases in Microsoft Test Manager. I Record the acrions for some test (Test tab > Run test). And Save it (I can re run this test and it do all actions automatically) Now I want to edit actions associated with Steps. Ad

  • Integrated OC4J cannot show current workspace's datasources

    JDEV 10.1.2 When I try to view the integrated/embedded OC4J with JDEV's "current workspace"'s data sources, I receive the following: java.lang.NullPointerException      at oracle.jdevimpl.xml.oc4j.ds.DataSourcesPanel.onEntry(DataSourcesPanel.java:140