The Image Zoom widget allows you to create LightBox effects for your content. It enables you to create thumbnails of images that get displayed in a modal dialog.
 |
 |
Installation
Once you have downloaded the zip file, either use the ImageZoom.swf file directly when inserting a widget or copy the ImageZoom.wdgt folder to the Captivate installation folder under the gallery/widgets subfolder. Copying the folder to the specified location will display the widget in the Widget Panel. Note that you may have to restart Captivate to see the widget appear in the Widget Panel.
Usage
Insert a picture on your slide, give it a name in the property inspector and uncheck the visibility flag. If the image is too big to fit on the slide, you can resize it. Now, insert the Widget and make sure that the Image name in the property inspector matches the name in the widget properties.
At runtime, the widget will contain a thumbnail of the original picture so you can resize the widget to the size that you would like the thumbnail to be. When the thumbnail is clicked, the image will be shown in full size.
Configuration Options
Image Name
Put here the name of your image as it is written in the properties inspector panel. This is how the widget will know which image you want to control.
Mouse Shield Options
The mouse shield is basically a layer that covers your presentation so that no interactions can occur while the image is displayed full size. You can customize the Color and Alpha of the layer. You can also chose to close the layer and the image when the user clicks anywhere on the presentation. If you would like the user to absolutely click on the close button to remove the image, unselect “Close image on mouse click”.
Thumbnail Option
You can chose to display or not the magnifying glass icon that gets displayed over the image thumbnail.
Subscribe to the feed
April 5th, 2011 at 17:20
I am trying to use the Image Zoom widget in Captivate 5. I cannot figure out how to make the background of the slide to be transparent. When I upload the published SWF file to my eLearning course and over top a colored shape, the thumbnail appears on a white background instead of just showing a thumbnail on the colored shape. Can you help me?
Thank you.
April 5th, 2011 at 19:08
Hi Janet,
I have sent you a PM mail but if I understand your request properly, you just need to the “Alpha (%)” to 0 to make the background transparent.
April 6th, 2011 at 10:08
Love this widget and just wondering if one extra thing is possible. I’m looking for a way of displaying documents and this could work great if there the image could also have a scroll bar (especially verticle) if the entire image didn’t fit the height of the slide. Any ideas?
April 6th, 2011 at 15:57
Hi Wes,
I’m glad you appreciate the widget. It’s a very good idea. I will take note of it for a future version.
Whyves
April 29th, 2011 at 11:37
I was wondering if it is possible to add an audio file to the image?
April 29th, 2011 at 16:13
Hi Jason,
Unfortunately, there are no ways to control the audio from the widget. You can associate an audio to the widget but it will play as soon as the thumbnail is displayed, not when the image is shown.
Whyves
July 5th, 2011 at 10:44
I have downloded this widget just for a refernce for my new widgets. i have started the new image zoom widget i have a doubt here i took the new cpgears.swc from this site. should we need to update the code in the core classes of cpgears? i started the coding as you did… i am new to caprivate widget. please help me
July 7th, 2011 at 21:37
Hi Sharath,
I’m sorry but I don’t quite understand. The widget doesn’t provide the sources. Do you have any issues with the Image Zoom Widget? You will have to give me more details if you want me to help.
Whyves
July 8th, 2011 at 17:49
The title says CP5 only. May I assume CP5.5 as well?
July 8th, 2011 at 18:32
Hi Houze,
Yes, all the widgets that says they are Cp5 are also working under Cp5.5.
Whyves
July 15th, 2011 at 08:10
Thanks for the reply whyves. I have downloded the ImageZoom Widget from this site. I got only swf file not the fla. it woud be great If you can provide the fla file for imageZoom widget. My doubt is when we include cpgears.swc into our project we will get the core classes that cpgears provides. What my doubt is here should we put some code in the core classes or should we extend the core classes and built upon that? Please help
August 2nd, 2011 at 19:33
I am having the same issue that Janet was having above. How do you make the background transparent. It requires a hexadecimal color.
Thank you!
August 4th, 2011 at 06:07
Hi Betsy,
If you are talking about the mouse shield (when the image is shown full size), then you just need to set te Mouse Shield Option – Alpha(%) to 0 instead of the standard 75%. If you are talking about the background of the thumbnail, if your uploaded image contains a transparency color like in a gif or png, then the widget itself will take care of this itself.
Whyves
August 23rd, 2011 at 09:59
Hi Whyves,
Couple of questions.
Is it psosible to include more than 1 of these widgets on the same slide in captivate?
Can I select an SWF instead of an image to be enlarged?
Does the enlarged image appear above everything else, even on a question slide (where ordinarily you appear not to be able to alter the z-index to bring things on top of question/answer text, buttons,and eedback etc?
Many Thanks
August 23rd, 2011 at 16:52
Hi Tim,
The widget can do all of these things except for enlaging SWF. It only works with images. The demo can show you the two other features functioning.
http://www.flash-factor.com/widgets/imagezoom/ImageZoomDemo.htm
Whyves
August 23rd, 2011 at 18:24
Many Thanks for your swift response. Just one more question would I be able to use an animated gif file?
Thanks
Tim
August 23rd, 2011 at 22:28
Hi Tim,
Sorry, animated GIF will not work either
Whyves
September 1st, 2011 at 16:59
Hi. Do you have a try it before to buy option?. I need to know if the widget lets to show different pictures, not the same as your demo … and if I can to make click not on a thumbnail but in a click area … Thanks.
September 2nd, 2011 at 16:17
Hi Napoleon,
Sorry, I don’t have a try-before-you-buy version of this widget. You can use any image and it will work. However, the widget doesn’t support click-area, just thumbnail.
October 18th, 2011 at 11:19
Hi,
Is their a way to substitute or fake an alternate icon image for the one that is produced by the widget?
October 19th, 2011 at 00:17
Hi Mike,
Sorry, there are currently no way to replace the auto-generated thumbnail. It could be an interesting feature to add eventually.
Whyves
October 20th, 2011 at 09:32
I ran into a bug last night. I have a slide with several buttons… the buttons add an increment to a variable AND jump to a new slide when clicked.
They work when the widget is added.
They work when the widget is linked to an image.
They quit working as soon as the widget is activated in preview and never work again. It damages the slide or the logic permanently, somehow. Although nothing appears to have changed, the buttons never work again.
Wierd.
December 14th, 2011 at 10:04
Hi.
Before buying the widget, I would like to know if it is possible to insert rollovers or clic boxes in the image that is dislayed (that is after the thumbnail is clicked)
Philippe Lavigueur
December 14th, 2011 at 22:58
Hi Philippe,
Unfortunately, the widget only deals with a pure image. It’s not possible to insert rollovers or clic boxes in the image.
Yves
December 19th, 2011 at 08:43
Hi Yves.
I wrote to you concerning educationnal licences for your widgets but didn’t get any response. I was wondering if you do educationnal licences for educational institutions
December 19th, 2011 at 18:18
Hi Philippe,
I did indeed answer you when you sent me the request. I will resend it now. Can you check your junk folder just in case?
December 20th, 2011 at 15:06
I forgot. I have the same issue regarding texts. I am allso ooking for a way of displaying documents and this could work great if there the image could also have a scroll bar (especially verticle)
This feature would really be appreciated.
March 8th, 2012 at 06:55
Hi there,
Great widget. Do you think you would be able to update the close button rollover as it seems to be cutting off one side of the button..Are we also able to change the border to a more grey faded look as blocked black is quite harsh.
Cheers
Aaron
March 22nd, 2012 at 10:59
Great widget! Thanks!
May 12th, 2012 at 21:33
[...] Widget Interactive Label Widget Drag and Drop Interactive Hyperlink Widget Event Handle Widget Image Zoom Widget Pop up window widget Playbar Lock Widget YouTube [...]