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
-
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,
Markohi,
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.htmI'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 -
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 ChouHello 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 -
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,
-bBrhaynes75 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 -
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 assignedHI,
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
-
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 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 AgrawalHi 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. -
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: +27725407280Thanks 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