RoboHelp 8 HTML WebHelp How to display a larger image of a thumbnail by clicking on or rolling over the thumbnail?

How would you display a larger image of a thumbnail by clicking or rolling over the thumbnail?

Hi there
For a mouseover you would have to add some custom developed JavaScript. You could probably find some pre-made on the web if you poked around.
Generally speaking, any way you slice it you will be using two images. One for the thumbnail and one for the full sized image. You could employ the popup functionalty to pop up the larger image.
I used to simply create DHTML drop-downs and insert the large images in the drop-down area.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Similar Messages

Displaying a larger image from a thumbnail [was: Question]

I would like to display a larger image from a thumbnail inserted on the web page. I inserted a rollover image, used the thumbnail as the original and a larger and different jpeg image as the rollover image. However, when the mouse rolled over the thumbnail, the new rollover image (different then the original) was the same size as the original. Is there an easier way to display a larger image from a thumbnail? What am I doing wrong? Thanks
[Subject line edited for clarity by moderator]

Could you also provide a CSS solution to opening a non _self page that is the same size as the image displayed on the page.
Not possible with pure CSS. Sorry. Your best option is to use one of the jQuery Lightbox scripts mentioned below.
http://line25.com/articles/rounding-up-the-top-10-jquery-lightbox-scripts
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How to display a large file in JTextArea

i am displaying a large file(a multi MB) in a JTextArea, it is showing java.lang.outofmemoryerror
are there any solutions for this problem or is there any better way other than JTextArea ???

thanks for replying but its all abt Tables
i am new to java
i asked how to display a large Text file in a JTextAreathanx
--santosh

How to display graphics larger than canvas size?

How do I display graphics larger than canvas size in Java AWT?
I tried setting the canvas size() to a value larger than my monitor size, and then adding scroll bars to the canvas, but the scroll bars and the canvas won't go beyond the monitor size in pixels, which is only 800, so the large graphic I try to display gets cut off at the bottom.
How can I overcome this problem? Has anybody encounter a similar dilemma before?

import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
public class AWTSizing
 public static void main(String[] args)
 LargeCanvas canvas = new LargeCanvas();
 ScrollPane scrollPane = new ScrollPane();
 scrollPane.add(canvas);
 Frame f = new Frame();
 f.addWindowListener(new WindowAdapter()
 public void windowClosing(WindowEvent e)
 System.exit(0);
 f.add(scrollPane);
 f.setSize(400,400);
 f.setLocation(200,200);
 f.setVisible(true);
class LargeCanvas extends Canvas
 int w, h;
 final int PAD = 10;
 Rectangle r1, r2, r3;
 Rectangle[] rects;
 boolean firstTime;
 public LargeCanvas()
 w = 360;
 h = 360;
 firstTime = true;
 public void paint(Graphics g)
 super.paint(g);
 Graphics2D g2 = (Graphics2D)g;
 g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
 RenderingHints.VALUE_ANTIALIAS_ON);
 if(firstTime)
 initShapes();
 g2.setPaint(Color.red);
 g2.draw(r1);
 g2.draw(r2);
 g2.draw(r3);
 private void initShapes()
 r1 = new Rectangle(w/4, h/4, w/2, h*3/4);
 r2 = new Rectangle(w/2, h/2, w/2, h/2);
 r3 = new Rectangle(w*5/8, h/6, w*3/5, h*2/3);
 rects = new Rectangle[] { r1, r2, r3 };
 firstTime = false;
 invalidate();
 getScrollPane().validate();
 private ScrollPane getScrollPane()
 ScrollPane scrollPane = null;
 Component c = this;
 while((c = c.getParent()) != null)
 if(c instanceof ScrollPane)
 scrollPane = (ScrollPane)c;
 break;
 return scrollPane;
 public Dimension getPreferredSize()
 Dimension d = new Dimension(w, h);
 if(rects == null) // before calling initShapes
 return d;
 Rectangle r;
 for(int j = 0; j < rects.length; j++)
 r = rects[j];
 if(r.x + r.width + PAD > w)
 d.width += r.x + r.width + PAD - w;
 if(r.y + r.height + PAD > h)
 d.height += r.y + r.height + PAD - h;
 return d;
}

How to display multiple page images in forms ?

Hi,
What is the best method to display multiple pages image(100 pages) in forms 10g?
Thanks

Hello,
this is a link to a tutorial that contains several sample forms. One of them (ALBUM.FMB) demonstrates how to display hundred of images. The tutorial is in French, but you can simply download the samples on the introduction chapterFrancois

How to display multi-channel image in the 'proxy'?

There're many examples to show how to display composite channels in the 'proxy'. But I don't find any example to show how to display multi-channel image in the 'proxy'. I found that I can use PSPixelOverlay to display alpha channel data like this:
int nSpotChannel = gChannelCount - 4;
PSPixelOverlay* overlay = new PSPixelOverlay[nSpotChannel];
for(int i = 0; i < nSpotChannel; i++){
 if( i != (nSpotChannel - 1) )
 overlay[i].next = overlay + i + 1;
 else
 overlay[i].next = NULL;
 overlay[i].data = gChannelData + (4 + i) * nPlaneBytes;
 overlay[i].rowBytes = gProxyRect.Width() * gDocDesc->depth / 8;
 overlay[i].colBytes = 1;
 overlay[i].r = 230;
 overlay[i].g = 161;
 overlay[i].b = 174;
 overlay[i].opacity = 255;
 overlay[i].overlayAlgorithm = kStandardAlphaOverlay;
pixels.pixelOverlays = overlay;
Then, Seeing red part, it will trigger a new problem, that is how to get the color value of the alpha channel by plung-in itself? It seems that no channel color value info is in FilterRecord.
If you have other solution, please tell me. Many thanks!

This is what I've been doing - was just curious if there was a way to see a more cohesive image.
If the individual EQ plugins are in fact the answer, is there any way to smooth how the Analyzer displays? The image I posted above, all of the tonal curves are very smooth. The analyzer tool shows a lot of peaks and valleys within the overall curve and it's hard to pinpoint each instrument's "sweet spot." Vocals for example are very hard to spot.
- Morgan

How to display every other images in image indicator

Hi All,
I am using IMAQ to grab and save high freq and high resolution images. I have an image indicator directly from "Image Grab Acquire". So, the image indicator is displaying every single images at a very high frequency too. We have to display frames, but not necessarily every single one (enough so the operator can see what's going on). So, I am wondering how I can display, say every other images (such as all odd/even number of images), or jump over two and display the third?
Any help will be appreciated!
Thanks!
Wenlong
Solved!
Go to Solution.

Here are some general comments.
Image acquisition is "a horse of a different color" -- unlike many other I/O devices, the memory that holds the data (here called the "buffer") is managed by the driver, and isn't directly available to LabVIEW.
I'm guessing that you are using NI Video hardware, as you are using IMAQ functions (I've only used IMAQdx). Is this true? What camera are you using?
The IMAQ Extract Buffer (probably) "clocks" itself to the camera (I say "probably" because I don't know the hardware you are using). This means that the While loop containing it will run at the frame rate of the camera (hence you can easily calculate the frame rate, as your code shows).
This looks like an NI Demo routine, so I'm guessing that you don't have a lot of experience with Vision processing. If you've got a lot of other LabVIEW experience, you should be able to make the leap to vision, once you get the idea of how buffers work. Unfortunately, there's not as much in the way of tutorials and white papers on Vision as on other LabVIEW topics.
So to your question -- how to display every Nth image. Here's the key loop (which is lifted directly from your code):
As menioned above, this routine is "clocked" by the Extract Buffer function. What you do to display every N'th image is to put the Image control inside something like a Case statement that "fires" every Nth time.
Here's an "Nth" version of the above loop (some details omitted) --
We still drive the loop filling every buffer with a frame. But we then use the Integer Divide function to select the Nth image (those that have a remainder of 0 when i is divided by Nth) and wire the "image" line (it doesn't really hold an image) to the "Image" control, with the other case being "Default" (so all other valeus go there) and with nothing inside. Thus every Nth time through this loop, the output of Extract Buffer is wire to an Image (and displayed), the other N-1 times the wire goes nowhere.
Bob Schor

How can I set up new sites to open in new pages and not over the top of the current open page?

how can I set up new sites to open in new pages and not over the top of the current open page?

Middle-click ''(press down mouse scroll wheel)'' 
or 
{Ctrl + Click} 
or 
Right-click and use '''''Open in a New Tab'''''

I keep losing entire events in iPhoto on my iMac. Where an event was, there is a light gray event box displaying a dark gray palm tree and when I hover my cursor over the box, it shows 0 photos are there, where there were once photos.

I keep losing entire events in iPhoto on my iMac. Where an event was, there is a light gray event box displaying a dark gray palm tree and when I hover my cursor over the box, it shows 0 photos are there, where there were once photos. I am operating a 27 inch iMac running OS X 10.9.4. It has a 2.7 GHz Intel Core i5 processor, and its memory is 4GB 1333 MHz DDR3. Is there any way to retrieve the lost photos?

WHat version if iPhoto? Where is your iPhoto library located?
TRy
BAckup your iPhoto library, depress and hold the option and command keys while launching iPhoto until the first aid window comes up and repair permissions and if necessary rebuild your database
LN
Edit

How do you paste an image into a rectangular marqee forcing it to resize into the marqee?

How do you paste an image into a rectangular marqee forcing it to resize into the marqee?

Not sure this would address your issue, but the Crop Tool works that way: set the width and height, plus resolution, and Crop does everything. You could then paste the result into another file if that completes your process.

I have marked some video cuts for removing, and want to activate them again and take away the marking (a red line over the thumbnails). How do I do that?

I have marked some video cuts for removing, and want to activate them again and take away the marking (a red line over the thumbnails). How do I do that?

In the middle tool bar, near the Reject Tool that you used to make the red marks, there should be an "Un-Mark" Tool. Select this tool and you can erase the red marks. It should look like an empty star.
YOu can select "View Rejected Only" to make sure you get them all.

Robohelp 9 WebHelp does not display in Google Chrome. Help!

This may have already been answered, but WebHelp will not display at all on my Google chrome browser. I have RoboHelp 9, and using Google Chrome v.13.0.782.112.m. I checked my other browser, IE8, and WebHelp displays perfectly on there. Any suggestions?

Hi there
Perhaps you are unfamiliar with their function?
Click here to view
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

How to load a large image for display on the Palm PDA

Hello:
I have a large image I would like to display on LV for Palm PDA. The documentation states there should be a 64K chunk limitation for VIs to compile on the Palm. Therefore, I decided to break this image up into 2D arrays of less than 64K per subVI. My 3.2 Meg image therefore has about 224 2D array subVIs. My motivation is to somehow use the build array function (with concatenate inputs) to reconstruct the image at runtime. I can compile each 2D array subVI as a test, but my attempt to reassemble and compile is futile. When I try to use the build array with only 8 of these subVIs in a top level VI the compiler complains its still too big of a VI. Using get info, memory for this top level states total ~2
3K of memory usage.
So can someone help me with this problem. Is there another way to load this size of an image into memory so I can display it on a picture control?
BTW, this can build on LV for PocketPC.
Thank you
Robert

Hi Robert,
You are correct in that one of the limitations of the Palm OS is that files cannot be larger than 64 KB in size (as stated on page 5-3 of the LabVIEW PDA Module User Manual). The suggested workaround is indeed to have a top-level PDA VI that calls subVIs, and this top-level VI can then have a total file size larger than 64 KB.
My suspicion is that with the picture control on the Palm OS, even if you are breaking up the image into smaller subVIs, the process of building the array to reassemble the picture is still forcing the Palm to allocate memory for each of those 2D array subVIs to place on the top-level VI's picture control
and thus causing the Palm to complain about not having enough memory. The LabVIEW PDA User Manual also states that "There is a total limit of 64 KB on all front panel array data". Thus, when you are trying to use the build array on the top-level VI, the 64 KB limit on front panel array data is still being exceeded -- even with only 8 of these subVIs.
The following KnowledgeBase article KB 38EJRHFQ: How Do I Put a Picture or Image on My LabVIEW PDA for Palm Front Panel? states that as a workaround, you can shrink the size of your image by using 4-bit or 1-bit data instead of the standard 8-bit pixmap representation.
This is really just a limitation of the Palm OS and the fact that there is simply no way of displaying that much front panel information for your picture. Either way, you would need to build up the array of pixels for your bitmap, and for a 3.2 MB image, I don
't believe there is any way for the Palm OS PDA to display the image in its entire at once.
Sorry about that...
Kileen C.
National Instruments

HTML Client: How to display the edit screen of an item given its ID?

To edit a selected item, I could easily add a new button on the command line and choose the existing method, "editSelected"
But how to edit another item instead of the selected item? Like How to edit an item whose ID # is 10? i.e How to display the edit screen for an item with ID # 10?

The methods such as 'editSelected' apply to screen property collections. Picking these pre-selected options automatically configure the parameter as '<my-collection>.selectedItem'.
If you want an action not directly related to the screen properties then you can choose one of the screen commands under the 'Navigation' list starting with 'show', as in 'show<my-screen-name'. If the screen command accepts parameters then you can
configure the parameter passing manually. In your example, if you added a local 'int' data property to the screen you could assign the ID to that and bind the parameter passed to the screen to that.
In the instances when not even that is sufficient, well then you write your own custom method.
Dave
Dave Baker | AIDE for LightSwitch | Xpert360 blog | twitter : @xpert360 | Xpert360 website | Opinions are my own. For better forums, remember to mark posts as helpful/answer.

How to display a binary image in a webpage?

Hi,
I want to display a binary image in a webage. The image has been stored in a DB as binary format. I am using servlet. How could I retrieve it and display it on a webpage? Could you give me some suggestions?
I have read some metrial about JAI, the method 'createImageEncoder( )', which seems very helpful! I am on the right way, right? Thanks for your any comments!
Best Regards,
Hai

Here is my idea to display the pic on the webpage:
The pic is stored in DB as binary, after retrieving it, the binary data will be converted to JPEG pic. Then, the pic will be saved to the local machine automaticly. After that, I get the pic's SRC, and use html display it.
My code is as follow (not completed), some errors in it.     public static String getPayoffSRC(Services serv, long fileId)
                                                                throws FileNotFoundException,
                                                              DBException,
                                                              DbFileNotFoundException,
                                                          IOException {
        BufferedImage buffy = new BufferedImage(300, 400,
                                                    java.awt.image.BufferedImage.TYPE_INT_RGB);
        FileOutputStream out = new FileOutputStream(serv.getFileManager().getFileDb(fileId).getFileName());
        JPEGImageEncoder jencoder = JPEGCodec.createJPEGEncoder(out);
        JPEGEncodeParam enParam = jencoder.getDefaultJPEGEncodeParam(buffy);
        enParam.setQuality(1.0F, true);
        jencoder.setJPEGEncodeParam(enParam);
        jencoder.encode(buffy);
        out.close();
        return Pic's SRC,
    }

RoboHelp 8 HTML WebHelp How to display a larger image of a thumbnail by clicking on or rolling over the thumbnail?

Similar Messages

Maybe you are looking for