Click on Thumbnail Image to get larger Image

Hey Guys
So I basically have a horizontal list with images loaded onto it. This is dynamically generated via XML input from a PHP file.
How can I add a click event on it or a rollover mouse event, so that when a person click/rollover mouse on it, the image is displayed on another image component bigger with other details.Do I call some function or something else??
please help here
Thanks

Solved it myself.. thanks everybody

Similar Messages

When I click on a photo it gets larger and then disappears

When I view an album and click on a picture it gets larger for just a second and then goes away. A triange with a is replaced where the picture should be. Apple recenty reinstalled my OS due to problems with I-work opening slow, which is working ok now. They got my pictures on the I-photo again. However, I have many duplicates and they are all messed up with Events out of sort. I don't know if I will ever get them organized again. My concern now is why some of the pic disappear when I click on them. Has anyone had this problem before with the pics disappearing?

Apple messed things up
do you still have the iPhoto library from before they "fied" things? Is so drag the bad i{hoto library to the desktop and restore the backup of the iPhoto library to the pictures folder and hopefully things will be good
Otherwise what they did will take a lot of work and only be partially sucessful in getting yoru library back the way it was
LN

Displaying thumbnail images in another panel when it mouse clicked

hi,
I am using JAI, what i am trying to do is i am decoding the tiff file and creating thumbnail of that images and adding thumbnail images to one panel and enlarged images to another panel using DisplayJAI. Now when i will click i thumbnail images on left panel then that image should be display to another panel on right side. Adding both panel to JSplit panel.
I have no idia how to do it, i tried to do in different way but not able to do that. I hope anybody can give me the hints about this.
Thanks

i am adding thumbnail of all images in left panel and enlarged view of each thumbnail is added in right panel , and what i require that when i click thumbnail in left side it's corresponding enlarged image should be visible, suppose in right panel page no. 1 is visible and when i click thumbnail of 13 page in left panel that should be in viewport of right panel.You should put your right panel inside a JScrollPane and call [scrollRectToVisible() |http://java.sun.com/javase/6/docs/api/javax/swing/JComponent.html#scrollRectToVisible(java.awt.Rectangle)] from your panel. You can put the rectangles corresponding to enlarged images in a hash map with the keys being some unique attribute of your thumbnails in left panel. That will help in getting the rectangle to make visible, real fast. Or, you can just put the rectangles in some array indexed according to the thumbnails in left panel.
I also want to hide the left panel, i think it's possible by Frame.Yes it is possible, but you said you have both your panels in a split pane, so maybe you can use its setDividerLocation() function to hide your left panel.
Thanks!

Adding light box to thumbnail images

HI there
I have been trying to find out how to get images opening up in the main browser, I have been directed to light box, but I am getting very confused with how to create such effect.
I am baiscally trying to get lightbox working when you click a thumbnail image in flash!
would anyone beable to direct me to any tech notes and/or example files on how to do this
many thnks for your help : )

Hi
Are you using compositions ? If yes then you can use one into another by inserting element.
Please provide the page url.
Thanks,
Sanjit

When I click on thumbnails to open photos in iPhoto, the larger image suddenly disappears.

When I click on thumbnails to open photos in iPhoto, the larger image suddenly disappears. How to fixed it?

what version of iPhtoo ? Of the OS? what recently changed?
Back up your iPhoto library, Depress and hold the option (alt) and command keys and launch iPhoto - repair permissioons
LN

How to get larger images in albums?

I just realized that when you click on a thumbnail in one of my albums, the larger image is actually smaller than the original photo! All the photos I've put into my web albums have been shrunk to fit into the album display area. For instance, a photo that normally displays about 7 inches high when I view in Preview, comes out about 4.5 inches tall when displayed in my web album.
How can I get it to display photos at actual size?

Ray Dunakin wrote:
I tried turning off "optimize images", but they still were showing up at the reduced size.
providing a url to your site so people could have a look at what's going on may help...
What I'd really like is a way to designated specific images to display at a larger size -- most don't need to be very large, but some do.
I think that's not possible in iWeb PhotoPages... As you choose one format for all. However to get larger images in albums click on a photo and a window will popup called "Photo grid". You can increase the size of the images displaying by reducing the spacing and/or decreasing the number of columns.
Regards,
Cédric

Tried to reinstall iPhoto library from external hard drive, it shows that the photos and events are there but there are no thumbnails and if you click on an image or video nothing comes up.

My hard drive crashed recently and we took it to apple to get repaired. The apple employees said that they would have to replace the hard drive but they didn't have the equipment to get the data off my hard drive. So I took it to a computer store who had the right equipment after a month and a half of waiting they finally got all the data off my hard drive and put it on an external hard drive (Seagate Expansion Portable Drive). I then took it back to apple who replaced the hard drive. Now I'm in the process of reinstalling everything. I have never done a Time Machine back up or backed my laptop up to . Which I now will do very often once I've reinstalled everything. I have reinstalled all of my desktop images and folders as well as my iTunes library with no issues. However when i went to reinstall my iPhoto library it came up blank. I then Rebuilt the library several times and this was the result.
It shows that the photos and events are there but there are no thumbnails and if you click on an image or video nothing comes up.
Please help i have three years worth of images from holidays on here and would be devastated if i lost them.

iPhoto cannot find the thumbnails or the original pictures.
Go to your iPhoto Library in the Pictures Folder.
Right-click on it and from the resulting menu, choose 'Show Package Contents'.
This will bring you inside the iPhoto Library package. There you should see a Folder called Masters. Within that, there should be folder containing your actual photos.
Are they there?

Double clicking iPhoto thumbnail doesn't load full resolution image.

After mistaking the new Photo application for iPhoto, I couldn't find the original 206 G iPhoto volume of my pix. Finally found it but couldn't get the thumbnail images in the application to load the full resolution images after I double clicked them. Please help. It's got me scared. I tried to rebuild after rebooting with Command and Option held down, but no fix in sight. The thumbnails still refuse to link to the full resolution images. Help!

Where is this library stored?

How to update the large amount of thumbnail images in background process

in my application i want to load large number of thumbnail images(each images set as icon for separate jradiobutton) into panel. This panel is in left side of JSplitPane.
when application is starting, now Im loading the thumbnail buttons without image(to run the application quickly).
now i want to update the buttons with real thumbnail images in background. i tried with thread and SwingUtilities.invokeLater ,but it stuck the application until updating finish.
Note:im using java1.4 (not in the possession to use other versions)
Can anybody give suggestion?
SwingUtilities.invokeLater(new Runnable() {
public void run() {
     for (int j = 0; j < imgPagesV.size(); j++) {
     try {
          ImageIcon icon = new ImageIcon((BufferedImage)thumImagesV.get(j)); //thumImagesV vector have thumnail bufferedimages
          ((JRadioButton)thumButtonPanel.getComponent(j)).setIcon(icon);
          updateUI();
     } catch (Exception e) {
          // TODO Auto-generated catch block
          e.printStackTrace();
});

thax for your reply ..
even i call new smiple thread to load the images it freeze the main gui. is any wrong in my way ?
Thread Class
import javax.media.jai.NullOpImage;
import javax.media.jai.OpImage;
import com.sun.media.jai.codec.ImageCodec;
import com.sun.media.jai.codec.ImageDecoder;
import com.sun.media.jai.codec.TIFFDecodeParam;
public class TestThread extends Thread {
     File tiffImg;
     TestThread(File img) {
          this.tiffImg = img;
      * extracting form tiff images and creates thumbnail then add into vector
     public void run() {
          ImageDecoder dec = null;
          Vector thumImagesV = new Vector();
          TIFFDecodeParam param = new TIFFDecodeParam();
          param.setDecodePaletteAsShorts(true);
          param.setJPEGDecompressYCbCrToRGB(true);
          try {
               dec = ImageCodec.createImageDecoder("tiff", tiffImg, param);
               int start, end = 0;
               for (int i = 0; i < dec.getNumPages(); i++) {
                    RenderedImage rm = new NullOpImage(dec.decodeAsRenderedImage(i), null, OpImage.OP_IO_BOUND, null);
                    thumImagesV.add(i, ImageHandler.createThumbnail(rm, 150));
          } catch (Exception e) {
               e.printStackTrace();
Main GUI Class
     private void buildGUI(File selectedFile) {
          configButtonPanel();
          configThumbnailPanel(selectedFile);//loading with out thumbnail image
          new TestThread(selectedFile).run();
     }

Need some help trying to generate thumbnail images from large Jpegs

Hello,
I have some ActionScript 3.0 code, created with Flex that
will load a large JPEG image (say 3000x2000 pixels) that I'm trying
to create a 100 pixel thumbnail. I have the code working where I
generate the thumbnail, but it's not maintaining the aspect ratio
of the original image. It's making it square, filling in white for
the part that doesn't fit.
I've tried just setting the height or width of the new
image, but that doesnt render well, either.
To see what I'm talking about, I made a screen shot, showing
the before image, and the rendered as thumbnail image:
http://www.flickr.com/photos/taude/533544558/.
Now, there's a few things important to note. I'm saving the
thumbnail off as a JPEG. As you can see in my sample application,
the original renders fine with the proper aspect ratio, it's when
I'm copying the bytes off the bitmapdata object, where I need to
specify a width and height, that the trouble starts. I've also
tried using .contentHeight and .contentWidth and some division to
manually specify a new bitmapdatasize, but these values seem to
always have NaN.
private function makeThumbnail():void{
// create a thumbnail of 100x100 pixels of a large file
// What I want to create is a a thumbnail with the longest
size of the aspect
// ratio to be 100 pixels.
var img:Image = new Image();
//Add this event listener because we cant copy the
BitmapData from an
/// image until it is loaded.
img.addEventListener(FlexEvent.UPDATE_COMPLETE,
imageLoaded);
img.width=100;
img.height=100;
img.scaleContent=true;
img.visible = true;
// This is the image we want to make a thumbnail of.
img.load("file:///C:/T5.jpg");
img.id = "testImage";
this.addChildAt(img, 0);
private function imageLoaded(event:Event):void
// Grab the bitmap image from the Input Image and
var bmd:BitmapData =
getBitmapDataFromUIComponent(UIComponent(event.target));
//Render the new thumbnail in the UI to see what it looks
theImage.source = new Bitmap(bmd); //new Bitmap(bmd);
public static function
getBitmapDataFromUIComponent(component:UIComponent):BitmapData
var bmd:BitmapData = new
BitmapData(component.width,component.height );
bmd.draw(component);
return bmd;

Dev is 10gR2 and Prod is earlier version of Oracle, 10gR1.
The schema (or table(s)) export file created by Oracle Database Control in Oracle 10gR2 is not importable into 10gR1, by default.
Workaround.
Use the Schema (table(s) export wizard of in the Maintenance section
of the Oracle Database Control in ver 10R2,
but when you get to the end of the wizard (I recall Step 5),
show the data pump export source PL/SQL code, cut and past to editor,
and find the variable where you can set the Oracle database version
to your prod database version,
then run the script from the SQL Plus prompt in 10gR2 dev,
and this creates an Oracle 10gR1 compatible data export file.
Then go to Prod and run the schema (table(s)) import data wizard,
and import the export file. You will have to option to move the data
to another schema or tablespace if required.
Just to not run into troubles, I use the same schema and tablespace name
in both dev and prod.
the variable you must modify in the 10gR2 datapump export script looks like
h1 := dbms_datapump.open (operation => 'EXPORT', job_mode => 'SCHEMA', job_name => 'ExportTableToProdJob', version => 'COMPATIBLE');
and you must change manually to
h1 := dbms_datapump.open (operation => 'EXPORT', job_mode => 'SCHEMA', job_name => 'ExportTableToProdJob', version => '10.1.0.1');
This creates a 10g1.0.1 or later compatible export data file.
You must have read/write privileges to the folder were the export data file will be created, and imported from. (Oracle Directory Object)

Spry Gallery - how to get large image to open in a new window?

Hey guys,
I'm building a new website and decided to use Spry for the Gallery section. It works like a charm but I want to get the larger version of the image to open in a new window when someone clicks on the normal image? It shouldn't be that difficult but I'm lost. Can anyone help?
I believe I have to put a <a href> infront of the image something like this:
<div id="picture">
<div id="mainImageOutline" style="width: 0px; height: 0px;"><a href="?????" target="_blank" id="??????"><img id="mainImage" alt="main image" src=""/></a></div>
</div>
and something to the XML file...
<photo
path = "1.jpg"
width = "300"
height = "400"
thumbpath = "1.jpg"
thumbwidth = "56"
thumbheight = "75"
large = "galleries/xyz/large/1.jpg" <------- this is the large image I want to open in a new windows
>
</photo>
thanks!!

Actually, the site is for my friend and she really likes this Gallery: http://labs.adobe.com/technologies/spry/demos/gallery/index-air.html
I just want to keep this one and just edit it, so when I click on the image it opens the large image...

Thumbnail image links to larger image - how?

Mac OX 10.4.11 - GoLive CS(1) I want to create a series of thumbnail images that would act as link to a single large image area (see example http://www.markvelasquez.com/gallery.php?cid=1&pid=5 but ignore the dubious images). 10 or so different thumbnail images would show singularly in the large image area only, and only when activated by a click on a thumbnail.
I have used slide show (SlideShow.action) in the past but this does not allow for user randon choice, is there an action for this in GoLive.

Hi...
You didn't mention whether you wanted a free or commercial Action so have a look at CyberGallery 6.1 for GoLive at http://www.actionscafe.com/Features_Folder/CyberGallery/cgfeatures.html. The GoLive version doesn't have some of the later Dreamweaver features but will let you set up a thumbnails that expand into full size display images when they are clicked.

What is the best way to click on a thumbnail image

What is the best way to click on a thumbnail image and have a
large version of the image appear above it?
Frames?

divaPOPgold, a Dreamweaver Extension, is another option:
http://divahtml.com/products/divaPOPgold/open_popup_windows.php
quick examples:
http://209.200.94.134/divaPOPgold_demo.html
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

How to I get high res thumbnail images?

Just discovered once I've imported images into my library Aperture 3.2.2 (running under 10.7.3) doesn't render high res thumbnail images (when the Browser Thumbnail Resize slider is set to the far right/maximum), even though my "Previews" preference settings are as follows:
"Use embedded JPEG from camera when possible" is unchecked
"Don't Limit" for Photo Preview is selected
Photo Preview quality set to 10
Deleting and regenerating thumbnails doesn't solve the issue. However, if I delete the photo from the referenced library, then reimport the image, the browser thumbnail image renders sharp. The low res thumbnail is at left; high res thumbnail (after re-import) is at right. Both thumbnails images are sharp when the Browser Thumbnail Resize slider is positioned in the middle. Photos render sharp in the Viewer, regardless.
Going back through my images, it seems Aperture stopped providing a sharp thumbnail image since around July 2010. Other than updating Aperture, my workflow or supported camera hasn't changed. Couldn't find a reference to this issue in the User Manual. Am I missing something a setting somewhere?
Thanks,
Eric

Its unclear if the command Generate Thumbnails actually does anything if the thumbs already exist and as there isn;t a Delete Thumbnails command like there is a Delete preview command there are only two ways to force a new thumb to be generated.
One is to import the image again and two is to delete the Thumbnail folder in the Aperture library. I don;t know for sure if this will fix you problem but as I said it is the only way to force the generation of the thumbs.
If you try this make sure you have a good working backup of the library. Nothing here will normally cause data loss but it is always a good idea before messing with the library.
Quit Aperture, Highlight the library in the Finder and right click, Select show package contents. One fo the folders you'll see is Thumbnails, delete it. Open Aperture.
Also be aware that the regeneration of the thumbs will take some time. Depending on the size of the library it could be an all day affair. Aperture is usable while this is going on but it will be slower.

On Craigslist, I cannot get the thumbnail images to change

I open an entry on craigslist and it has multiple thumbnail images. When I click or pass the curser over the miniimages, nothing changes. Before all I had to do to change images was move the cursor over them.
Is Firefox blocking this? I use Avast free antivirus. OS is Win XP Pro. on Dell desktop.

Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe Mode start window.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
Clear the cache and cookies only from websites that cause problems.
"Clear the Cache":
*Firefox/Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Firefox/Tools > Options > Privacy > Cookies: "Show Cookies"

Click on Thumbnail Image to get larger Image

Similar Messages

Maybe you are looking for