Image navigator

I am trying to use a custom graphic from the image navigator in an expression in the Lookout 6.0.2 program, but when I use this graphic and convert it to a WMF, Lookout returns an error "Graphics Directory Does Not Exit!". The graphic I am modifying is the T-Intersection pipe that is located in the NI Pipes folder that is accessed with the image navigator. I have rotated this particular pipe 270 degrees and shaded it with a turquoise fill color. I have used the straight Pipe and Elbow pipes from this folder and altered them then converted them to WMF with no problem. Any assistance with this problem or a work around would be appreciated. Thanks. Werner
Werner Knight

I got the same error. It seems that something wrong with "T intersection".
How about use "Tee_L.wmf" instead? Insert->Graphic->Pipes->Tee_L.wmf
Ryan Shi
National Instruments

Similar Messages

Image navigation bar for ePub Children's book export?

I'm designing children's picture books in ID for export to ePub. I've seen some such books on my nook (ePub) that have an image navigation bar that pops up at the bottom of the page. Readers can scroll through reduced images of pages quickly on this navigation bar, tap a particular image and go directly to that page. I've looked through lots of tutorials but I don't see any that show how to do this. Can you point me to a tutorial that teaches me how to make this navigation bar?
Carolivia Herron
[email protected]

Exploring further, I see that there are some examples on the web of experiments with JavaScript on iBooks (don't know if they're supported on the Nook).
Here's an example of a children's book interface from the Three Press Consulting blog:
http://blog.threepress.org/2011/01/31/cost-effective-development-of-enhanced-content-with- epub3-digital-book-world-2011/
Here's some commentary on another blog about experiments which extend beyond the EPUB specification:
http://blog.booki.sh/blog/post/epub-3-0-and-scripted-content-documents/

How do I modify an Image Navigator Image?

I'd like to modify one of the symbols in the image navigator by adding color to it and use it on a Labview panel. I can easily export or copy the image to a graphics application and add the color or otherwise modify it, but when I put it back into the image navigator and then place it on a panel, it has an opaque white, rectangular background. Is there a way to eliminate the background or make it transparent?

May be you will find an answer here
Hope this helps.
CC
Chilly Charly (aka CC)
E-List Master - Kudos glutton - Press the yellow button on the left...

How to hover an image navigation?

Hello everyone! I hope someone can help me. I've been
following the
Dreamweaver
Tutorial, but i still have a problem on how to hover an image
navigation. I just followed the code format on the guide which is
shown below:
quote:
.navigation{
font-family: Verdana, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #993300;
display: block;
padding: 8px;
width: 140px;
.navigation:hover{
font-family: Verdana, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #D03D03;
display: block;
padding: 8px;
width: 140px;
and what i did is:
quote:
.navigation{
display: block;
color:#009;
.navigation:hover{
display: block;
color:#009;
background-image:url(images/gallerybtn2.jpg);
can anyone enlighten me up? I just need it badly for my
school project. :(

It's just on my desktop. The code DW created when I used the CSS Transition function begins at .navHome:hover. What comes before that is mine. Important point is that the image is in the html and I suspect it's not responding as background. If I put it in CSS as a background image I don't know how to make it work as a link.
#navPrimary {
    width: 100%;
    float: left;
    margin-bottom: 15px;;
#navPrimary li {
    float: left;
    list-style: none;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
.navHome:hover {
    background-position: -10px;
.navBoiko:hover {
    background-position: -10px;
.navNatasha:hover {
    background-position: -10px;
.navBooks:hover {
    background-position: -10px;
.navGames:hover {
    background-position: -10px;
.navHome {
    padding-top: -10px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
.navBoiko {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
.navNatasha {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
.navBooks {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
.navGames {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

Interactive Images Navigation Bar

Hi....been staring at this so long it's probably really
obvious BUT........just cannot get the default INSERT/INTERACTIVE
IMAGES/NAVIGATION BAR. to work properly. I've got all the images
correct but it seems that although it's happy to display the UP and
ROLLOVER states it will not display the correct image state for
DOWN (which I'm assuming is the active state)
http://www.isaandthefilthytongues.com/test.htm
I've enclosed a link where you can see what I'm trying to do.
Can anyone point out what I'm doing wrong......would be very very
grateful!!!! DEREK

I am using it as well
#WORKSPACE_IMAGES#icpdf.gif
and those are displaying just fine. Check if the images you uploaded are real workspace images or they are assigned to an application.
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

Dreamweaver random images + navigation sounds

I have two questions about my site - www.rfdesignarizona.com (it's up for your reference)
1. I'd like to have it set up so that the upper left image randomly rotates when the page is refreshed. I've already prepped 3 other alternates - same dimensions. I'm not looking for a slide show that would cycle through all the images - just a random selection of the header image - displayed one at a time as a user goes through the pages of the site.
2. Navigation side bar - I'm using CSS with a background image. Can I attach a pre-loaded sound to the mouseovers? I have downloaded some .wav files to use.
------I'm a novice at coding so please don't assume anything. I do, however, follow concise instructions quite well.
I'm using DW CS3 - Mac.
Thanks in advance for your help.

1. I'd like to have it set up so that the upper left image randomly rotates when the page is refreshed. I've already prepped 3 other alternates - same dimensions. I'm not looking for a slide show that would cycle through all the images - just a random selection of the header image - displayed one at a time as a user goes through the pages of the site.
Kaosweaver makes an extension that will do this.
http://www.kaosweaver.com/extensions/details.php?id=5
2. Navigation side bar - I'm using CSS with a background image. Can I attach a pre-loaded sound to the mouseovers? I have downloaded some .wav files to use.
A little cheesy IMHO. You would need to build your navigation in Flash and apply the menu effects with action script. Flash menus are bad, bad, bad. I implore you, don't do it.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Image navigation like TED

Hi,
My client is wanting a website front page similar to : http://ed.ted.com/lessons where the images load dependent on what you click on the LHS
I think this page is database driven but I wondered whether anyone knew of a CSS / JS way to do it or something other than database.
Thanks
Nic

Hi and thanks Ken,
I can certainly do the ssi for that but it was more trying to figure out how to do the navigation part with clicking and showing images on click that had me confused. I have played around with CSS to do it but nothing seems to work so I guess I may need a direction to head in regarding how to do it if anyone has done anything similar before?

New boards: Music, Imaging, Navigation and Phone A...

Today we have opened up a few new boards to Support Discussions. We hope these new sections help you to find the right place for your questions and get faster responses from other members.
In the next few days, we'll be moving some old threads from the other boards to the new ones. For example, existing topics about gps that are now in the Nseries-board may be moved to the new Navigation-board.
I hope the new boards make sense!
See you on the boards,
vandelay & Nokia Support Discussions Team
I wrote all my posts from 2005-2011 as an "Admin" for this community. I still work for Nokia as an external consultant, so my rank in all posts is now "Employee".

You need the "PC and MAC software" board under the "Software" heading.
If this or any post answers your question, please remember to help others by pressing the 'Accept as solution' button.

Re: New boards: Music, Imaging, Navigation and Pho...

cannot see new albums in library, moved via PC . windows shows it is in memory card and have changed memory setting
demac95 wrote:
how do i post a question about pc suite connection,I have reinstalled pc suite about twenty times and it still won't work after i loaded the new version.I have an N71,Help please

You need the "PC and MAC software" board under the "Software" heading.
If this or any post answers your question, please remember to help others by pressing the 'Accept as solution' button.

Using local/testing server with cs5 inserting images look fine in the split screen but do not show

Hi
If I open example: header.php and insert any photo jpeg/.html ecs i can see the images in the split screen but not in the browser if i save then refresh. I am able to make any change to the code ecs. and they are reflected just fine. I have tried this with my fireworks images .html and when that did not work i tried a strait jpeg off the desktop. This all did not work. I have deleted the local server then step by step created a new one via devnet instruction. This did not work! everything looks fine i even tried in 3 sep browsers with 0 luck....There is no remote server connected at this time because i am making a child theme for my current site. After all changes are done we will the ftp the word press files to site and change.
Ps i even started over from scratch with 0 positive affects....

After a lot of pain!!!!!!! the issue is fixed lol After 3 weeks I have overlooked the obvious !!! so the simple fix was the path of the image. Yes i feel stupid 10 years in lol....
Apparently dreamweaver cs 5 will not use the full path when inserting images into the page example: If you drag the image out of your assets folder or however you do it, DW will give you a path like this <img src="images/glass.jpg" width="800" height="729"> This is not the full path and when your pist!!! you cant see things like that ;( so the image path should look like this:
<img src="wp-content/themes/adszoom/images/glass.jpg" width="800" height="729">
also in the html files example of bad then good!

<img name="navigation" src="navigation.gif" width="1000" height="50" border="0" usemap="#m_navigation" alt="">
<map name="m_navigation">
<area shape="poly" coords="804,7,994,7,994,47,804,47,804,7" href="http://adszoom.com/699-2/" title="SEARCH BY CATEGORIES FOR CLASSIFIED ADS" alt="SEARCH BY CATEGORIES FOR CLASSIFIED ADS" >
<area shape="poly" coords="602,8,792,8,792,48,602,48,602,8" href="http://adszoom.com/wp-admin/edit.php/" title="VIEW OR EDIT YOUR CLASSIFIED ADS" alt="VIEW OR EDIT YOUR CLASSIFIED ADS" >
<area shape="poly" coords="405,8,595,8,595,48,405,48,405,8" href="http://adszoom.com/post-an-ad/" title="NEW CLASSIFIED AD POST" alt="NEW CLASSIFIED AD POST" >
<area shape="poly" coords="206,8,396,8,396,48,206,48,206,8" href="http://adszoom.com/help/" title="HELP WITH YOUR CLASSIFIED ADS" alt="HELP WITH YOUR CLASSIFIED ADS" >
<area shape="poly" coords="3,9,193,9,193,49,3,49,3,9" href="http://adszoom.com/" title="HOME VIEW CLASSIFIED ADS" alt="HOME VIEW CLASSIFIED ADS" >
</map>

</body>
NOW THE GOOD!

<img name="navigation" src="wp-content/themes/adszoom/images/navigation.gif" width="1000" height="50" border="0" usemap="#m_navigation" alt="">
<map name="m_navigation">
<area shape="poly" coords="804,7,994,7,994,47,804,47,804,7" href="http://adszoom.com/699-2/" title="SEARCH BY CATEGORIES FOR CLASSIFIED ADS" alt="SEARCH BY CATEGORIES FOR CLASSIFIED ADS" >
<area shape="poly" coords="602,8,792,8,792,48,602,48,602,8" href="http://adszoom.com/wp-admin/edit.php/" title="VIEW OR EDIT YOUR CLASSIFIED ADS" alt="VIEW OR EDIT YOUR CLASSIFIED ADS" >
<area shape="poly" coords="405,8,595,8,595,48,405,48,405,8" href="http://adszoom.com/post-an-ad/" title="NEW CLASSIFIED AD POST" alt="NEW CLASSIFIED AD POST" >
<area shape="poly" coords="206,8,396,8,396,48,206,48,206,8" href="http://adszoom.com/help/" title="HELP WITH YOUR CLASSIFIED ADS" alt="HELP WITH YOUR CLASSIFIED ADS" >
<area shape="poly" coords="3,9,193,9,193,49,3,49,3,9" href="http://adszoom.com/" title="HOME VIEW CLASSIFIED ADS" alt="HOME VIEW CLASSIFIED ADS" >
</map>

</body>
THIS LINE IS YOUR ISSUE
<img name="navigation" src="wp-content/themes/adszoom/images/navigation.gif" width="1000" height="50" border="0" usemap="#m_navigation" alt="">
Ok thanks and if there are any issues with dw please ask: [email protected]

How can I replace navigation buttons with obvious ones?

Here's the web page: http://josephskibell.com/. I've just taken over this website for a friend and opened it in Dreamweaver but the code is such that the existing four little square navigation buttons at the top of the page don't show up in design view (these change the book images). The client wanted some more "obvious" buttons there because people are not understanding that those little squares are buttons. Arrows may work better. Can anyone advise?
thanks

Open scroll_buttons.css.
The image sprite used is here:
http://josephskibell.com/images/navigator.png
My advice is to make a bigger sprite and change height and width sizes in your CSS code.
More on CSS Sprites.
http://alt-web.com/DEMOS/CSS-Sprites.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Help with adjusting spacing between thumbnails and image in slideshow

How can I adjust the spacing on the slideshow page?
Customer wants more space between the thumbnails at the top and the image(s). Can I move the image & navigation tool or adjust the image size relative to the thumbnails and navigation tool at the bottom?
Although I'm familiar with html source code and working on simple stuff at that level, I have yet to locate it in iWeb and make any adjustments.
If anyone has step-wise instructions, I'd appreciate it. Thanks much.

Although I'm familiar with html source code and working on simple stuff at that level, I have yet to locate it in iWeb and make any adjustments.
iweb photos page's elements: header controls, detail view and footer controls are generated by ajax widgets, so there is nothing to in page source for you to find.
If anyone has step-wise instructions, I'd appreciate it. Thanks much.
that would be the instruction on how ajax widgets build photos page... there is none.
you can send feedback to apple and ask for details on iweb widgets and tools to build widgets.
that said, it can be done... check out with safari: http://temp.cyclosaurus.com/DetailView_Rearranged/Photos.html
code is linked to my example, i don't do tutorial.

Thumbnail creation during Image Upload

In my application, I am able to upload documents to content server using KPRO API's. Image upload works fine and I can display the same file in webdynpro image UI element. Now while uploading the image, i also need to create a thumbnail image and store it. I can use these thumbnail images for image navigation instead of actual file due to performance issues.
How to create thumbnail images from jpeg image file?
Edited by: ashwinsrinivas on Jul 20, 2010 8:41 PM

I'm trying to put the results of my tinkering into a blog - which should hopefully get published in the next few days.
But just to update you here first
Yes it can be done! - here's the proof:
[Large image about to be resize to a thumbnail|https://weblogs.sdn.sap.com/weblogs/images/251723740/large_double_rainbow.jpg]
[Image after resizing|https://weblogs.sdn.sap.com/weblogs/images/251723740/resized_rainbow.jpg]
Thought I'd go with some double rainbows to be topical (plus I can't get the darn song out of my head!)
I created a new method in Thomas' class: TRANSFORM_RESIZE with 2 input parameters of type i, new_width and new_height.
Then most of the code is pretty similar to the rotation code that Thomas had already written...
data l_data type xstring.
data l_new_data type xstring.
data l_row type xstring.
data l_new_row type xstring.
data l_num_pixels type i.
data l_counter type i.
data l_counter2 type i.
data l_len type i.
data l_pad type i.
data l_mod type i.
data l_width type i.
data l_bytes_per_pixel type i.
data: l_y_factor type f,
        l_x_factor type f.
data l_new_pad type i.
data l_null(1) type x.
* get the data from the image representation
l_data = gx_content+data_offset.
l_bytes_per_pixel = bpp / 8.
l_width = width * l_bytes_per_pixel.
l_y_factor = height / new_height.
l_x_factor = width / new_width.
l_mod = l_width mod 4.
l_pad = 4 - l_mod.
if l_pad = 4.
    l_pad = 0.
endif.
l_len = xstrlen( l_data ).
data lt_rows type standard table of xstring.
data: l_row_index type i.
field-symbols <wa_row> like line of lt_rows.
do new_height times.
    l_row_index = floor( ( sy-index - 1 ) * l_y_factor ).
    l_counter = l_row_index * ( l_width + l_pad ).
    append initial line to lt_rows assigning <wa_row>.
    <wa_row> = l_data+l_counter(l_width).
enddo.
l_mod = ( new_width * l_bytes_per_pixel ) mod 4.
l_new_pad = 4 - l_mod.
if l_new_pad = 4.
    l_new_pad = 0.
endif.
loop at lt_rows assigning <wa_row>.
    clear l_new_row.
    do new_width times.
      l_counter2 = l_bytes_per_pixel * floor( ( sy-index - 1 ) * l_x_factor ).
      concatenate l_new_row <wa_row>+l_counter2(l_bytes_per_pixel) into l_new_row in byte mode.
    enddo.
    if l_new_pad > 0.
      do l_new_pad times.
        concatenate l_new_row l_null into l_new_row in byte mode.
      enddo.
    endif.
    concatenate l_new_data l_new_row into l_new_data in byte mode.
endloop.
data x_new_image type xstring.
concatenate gx_content(data_offset) l_new_data into x_new_image in byte mode.
data x_header type xstring.
x_header = gx_content+0(data_offset).
data x_size(4) type x.
data i_size type i.
i_size = xstrlen( x_new_image ).
write4 i_size x_size.
concatenate x_header+0(2) x_size x_header+6 into x_header in byte mode.
data x_data_size(4) type x.
data i_data_size type i.
i_data_size = xstrlen( l_new_data ).
write4 i_data_size x_data_size.
concatenate x_header+0(34) x_data_size x_header+38 into x_header in byte mode.
data x_width(4) type x.
data x_height(4) type x.
data i_width type i.
data i_height type i.
i_width = new_width.
i_height = new_height.
write4 i_width x_width.
write4 i_height x_height.
concatenate x_header+0(18) x_width x_height x_header+26 into x_header in byte mode.
data x_hres(4) type x.
data x_vres(4) type x.
x_hres = x_header+38(4).
x_vres = x_header+42(4).
concatenate x_header+0(38) x_vres x_hres x_header+46 into x_header in byte mode.
concatenate x_header l_new_data into x_new_image in byte mode.
gx_content = x_new_image.
me->read_bitmap_header( ).

Saving and Loading specific properties of an Image

Hey everyone. I'm currently in the process of developing a game which allows you to customize the color (hue) of your character via a slider. What I would like to happen is: Upon clicking either Accept or Play, it will save the current hue of the image, navigating back to that page will load what was previously saved (hue), as well as when starting the game, it will replace the standard graphic with the previously saved image.
Below is the code I have right now that pertains to the image with a basic non-functioning properly saving and loading code:
import flash.events.KeyboardEvent;
// open a local shared object called "myStuff", if there is no such object - create a new one
var savedstuff:SharedObject = SharedObject.getLocal("myStuff");
Accept.addEventListener(MouseEvent.CLICK, SaveData);
PlayBTN.addEventListener(MouseEvent.CLICK, LoadData);
function SaveData(MouseEvent){
           savedstuff.data.username = Sliders.Dino.MovieClip // changes var username in sharedobject
           savedstuff.flush(); // saves data on hard drive
function LoadData(event: MouseEvent)
           if(savedstuff.size>0){ // checks if there is something saved
           Sliders.Dino.MovieClip = savedstuff.data.username} // change field text to username variable
// if something was saved before, show it on start
if(savedstuff.size>0){
Sliders.Dino.MovieClip = savedstuff.data.username}
What I have above is only saving the actual image, which is inside a movie clip names Sliders.
Below is the Class I am using that associates with the slider that changes the hue of "Dino".
package
          import flash.display.Sprite;
          import fl.motion.AdjustColor;
          import flash.filters.ColorMatrixFilter;
          import fl.events.SliderEvent;
          public class Main extends Sprite
                    private var color:AdjustColor = new AdjustColor();
                    private var filter:ColorMatrixFilter;
                    public function Main():void
                              /* Required to create initial Matrix */
                              color.brightness = 0;
                              color.contrast = 0;
                              color.hue = 0;
                              color.saturation = 0;
                              /* Add Listeners function */
                              addListeners();
                    private final function addListeners():void
                              colorPanel.hueSL.addEventListener(SliderEvent.CHANGE, adjustHue);
                    private final function adjustHue(e:SliderEvent):void
                              color.hue = e.target.value;
                              update();
                    private final function update():void
                              filter = new ColorMatrixFilter(color.CalculateFinalFlatArray());
                              Dino.filters = [filter];
Overall what I'm asking for is: How do I get it to save the current hue of an image by clicking a button, and then having that previously saved image be loaded upon reloading or clicking a button? To me, it doesn't seem like it should be too hard, but for some reason I can not grasp it.
Thanks in advance for reading this and for any assistance you have to offer!

This is the Class that you told me to use:
package
          import flash.display.Sprite;
          import fl.motion.AdjustColor;
          import flash.filters.ColorMatrixFilter;
          import fl.events.SliderEvent;
          import flash.net.SharedObject;
          public class Main extends Sprite
                    private var color:AdjustColor = new AdjustColor();
                    private var filter:ColorMatrixFilter;
                    private var so:SharedObject;
                    public function Main():void
                              color.brightness = 0;
                              color.contrast = 0;
                              color.saturation = 0;
                              so = SharedObject.getLocal("myStuff");
                              if (so.data.hue)
                                        color.hue = so.data.hue;
                              else
                                        color.hue = 0;
                              update();
                              addListeners();
                    private final function addListeners():void
                              colorPanel.hueSL.addEventListener(SliderEvent.CHANGE, adjustHue);
                    private final function adjustHue(e:SliderEvent):void
                              color.hue = e.target.value;
                              so.data.hue = color.hue;
                              so.flush();
                              update();
                    private final function update():void
                              filter = new ColorMatrixFilter(color.CalculateFinalFlatArray());
                              Dino.filters = [filter];
And this is the FLA Code:
import flash.events.KeyboardEvent;
// open a local shared object called "myStuff", if there is no such object - create a new one
var savedstuff:SharedObject = SharedObject.getLocal("myStuff");
Accept.addEventListener(MouseEvent.CLICK, SaveData);
PlayBTN.addEventListener(MouseEvent.CLICK, LoadData);
function SaveData(MouseEvent)
          savedstuff.data.username = Sliders.Dino.MovieClip;// changes var username in sharedobject
          savedstuff.flush();
          // saves data on hard drive;
function LoadData(event: MouseEvent)
          if (savedstuff.size > 0)
          {// checks if there is something saved
                    Sliders.Dino.MovieClip = savedstuff.data.username;
          }// change field text to username variable
// if something was saved before, show it on start
if (savedstuff.size > 0)
          Sliders.Dino.MovieClip = savedstuff.data.username;

Creating and connecting images to indicate tag values

I am trying to create a simplified version of our plant layout on my front panel using images from the image navigator. I would like to create, for example, a rectangle and have it shown green when my discrete tag value is 1 and red when my tag value is 0. I know how to code this for LEDs, however the images I lay down on the front panel do not give me the same options. (and I can’t find a simple rectangle on the image navigator??)
If anyone has any experience using this tool, I would like to know the steps involved from dragging an image on to the front panel to coding an image in the way described above.
Thanks for the help,
Stuart

As the previous post mentions, search for threads on "customizing controls", there have been a number of those. Unfortunately, what you are describing, available in most of the SCADA packages (Intellution, Wonderware, etc.) isn't available in LabVIEW. To do it requires opening a boolean indicator (LED, etc.) in the control editor and then pasting in the appropriate images, doable, but a lot of work to get good looking, controllable images.
Good Luck,
P.M.
Putnam
Certified LabVIEW Developer
Senior Test Engineer
Currently using LV 6.1-LabVIEW 2012, RT8.5
LabVIEW Champion

Image navigator

Similar Messages

Maybe you are looking for