Clickable Images with different sections of image perform different actions

Hi All,
I am trying to achieve an image where different parts of the image perform different functions.
For ex. pls refer link : http://www.zoho.com/crm/images/account-management.jpg
Say I need an image like this where it performs different actions when we click 'Quick create' , 'Manual Filling'
etc. Can we achieve this in ADF ?
Thanks

The good old html image map ...
I guess you have to set the imageMapType property of af:image to server. Read the component help and http://programming.itags.org/development-tools/6258/ might help
Timo

Similar Messages

Trouble with reappearing sections of images

I am making demonstration videos, I am blurring out text that
is sensitive information by editing the background in photoshop.
Everything works fine until certain parts where the mouse clicks on
anything, the section that is blurred out will reappear as original
unblurred text. When I change the background to a blank white, the
section of the image I edited still shows up on it during the time
of the mouse click. I cannot even put a colored block over it
because the original unblurred section shows up over it during the
time of the click. How can I fix this? By the way, I am only having
problems with my firefox version. I made a similar video to show
how to do something in IE and it worked fine.

No they do not have that camcorder symbol, I have removed all
those slides. I think it may be similar to these reappearing frame
elements that this TechNote mentions
http://kb.adobe.com/selfservice/viewContent.do?externalId=rb_r65&sliceId=2
But I do not have advanced under Options, I am using
Captivate 2. I am trying to describe what is happening in accurate
detail but it is a bit weird and hard to explain. I switched the
background of a slide with this problem to just white, and still
when it gets to that certain part for maybe half a second the text
that I want to blur out will show up. Just that small part of the
image, in horizontal lines.. also with some other horizontal lines
from the image and the button that the mouse is clicking.

Handle image documents in Sharepoint Online as images with preview of the image

Hi
When I'm uploading an image(jpg,png,...) into an document library in Sharepoint Online(Office 365) and then search after this image, the search result shows only the file name and a link like .../Forms/DispForm.aspx?ID=1
I have no preview of the image(also not in hover-view).
When I go into the document library, I can see the image preview in the hover-view.
What can I do to show the image preview also in search result?
The template on this item is the default-item and not image-template. Postings like http://stevemannspath.blogspot.ch/2013/02/sharepoint-2013-image-preview-in-search.html couln't help, perhaps I'm using SPO?
Image Library is not a solution, Users have to use word, excel and images in the same directory/library.
best regards
Christoph

Hi Christoph,
From the article you mentioned, it needs add JPG file type to Search Service Application, which was not supported for SharePoint online.
I tried to add Picture content type to normal document library and tested the issue, it still displayed as item in Search results.
However, if I created a Picture Library and add Document content type to it, both image and document can be previewed in search result.
Regards,
Rebecca Tu
TechNet Community Support

Base Image with add-on driver image

Where is the best, latest documentation on how to create a base image and then apply driver specfic images based on the model of the PC? Hardware Dependent Imaging I believe is the correct nomenclature?
Thank you,
Eric

ebolton,
It appears that in the past few days you have not received a response to your
posting. That concerns us, and has triggered this automated reply.
Has your problem been resolved? If not, you might try one of the following options:
- Visit http://support.novell.com and search the knowledgebase and/or check all
the other self support options and support programs available.
- You could also try posting your message again. Make sure it is posted in the
correct newsgroup. (http://forums.novell.com)
Be sure to read the forum FAQ about what to expect in the way of responses:
http://forums.novell.com/faq.php
If this is a reply to a duplicate posting, please ignore and accept our apologies
and rest assured we will issue a stern reprimand to our posting bot.
Good luck!
Your Novell Product Support Forums Team
http://forums.novell.com/

OBIEE report with Click button ( want to perform some actions)

Hi Experts,
My users want to make adhoc changes to an OBIEE report where I want to place a click button at the bottom of the report. Once the changes are done, They want to click the button so that the most current logical sql is captured and then it takes to another http url .
If any one have worked or has any ideas on this, Please share. Thanks in Advance.
S

Hi S,
Can you elaborate on what you mean by capturing the most current logical SQL?
What you are asking is only going to be as difficult as it is to perform the above action. The button and the navigate are simple.
John Minkjan shows you how to make a clear button here.
Basically you leverage the OBIEE class XUIPromptEntry minibuttonOn.
Here's the code (NOTE: You have to change the curly brackets to angular brackets):
{div class="XUIPromptEntry minibuttonOn"}{a href="#" onclick="return PersonalizationEditor.removeDefaultSelection(false)"}Clear{a}{div}
You can take this and modify it slightly to fit your purpose:
{div class="XUIPromptEntry minibuttonOn"}{a href="(URL to move to)" onclick="(javascript function that performs your task)"}Do Action Button{a}{div}
In the above, you will put the URL you want to navigate to in the (URL to move to) area. Then in the onclick function, you're going to want to write a javascript function that captures the latest logical SQL and have OBIEE call that function.
All that being said, this effort hinges on whether or not a javascript function can perform your task.
If you can elaborate on what you mean, I might be able to get you started on that function.
Good luck and if you found this post useful, please award points!
Best regards,
-Joe

Create an image with ActionScript

How do you create an image with ActionScript? The image is
located at an url that is not guaranteed to be on the same server.
I would prefer something that is compatible with previous
versions of the Flash player.
If you could point me to some tutorial or show me how it is
done.
Thanks

This is suuuuuuuuuuuuper basic, you just have a movieclip on
the stage and the URL of any image on the internet/local computer
function loadImage(imageUrl:String,
holder_mc:MovieClip):Void{
holder_mc.loadMovie(imageUrl);
Fill the two parameters with the 1. image url and 2.
movieclip that holds the image
It will load the image into it. Much more in depth tutorials
and stuff can be found all over the place, just google it.
Sam

Two Swap Image Behaviors - Only One Swap Image Restore Works

How come?
I have a button image with a two swap image behaviors applied to it - a rollover for the OVER state and one behavior for a disjointed or "remote" rollover effect.
Both rollover effects work fine, but the disjointed or remote rollover effect does not return the button to it's original state. (I've determined this by removing the second or remote swap image behavior and testing it.)
Why doesn't this work?
All scripts are contained within the HTML page itself; no linked scripts are used.
Thanks!

Page code:
<!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>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">

</script>
<style type="text/css">

</style></head>
<body bgcolor="#FFFFFF" onLoad="MM_preloadImages('images/navigation_2_over-05.gif','images/navigation_2_over-06.g if','images/navigation_2_over-07.gif','images/navigation_over-08.gif','images/navigation_o ver-09.gif','images/navigation_over-10.gif','images/team.gif','images/forms.gif','images/e xport.gif','images/consulting.gif','images/programming.gif','images/contact.gif')">
<table width="792" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td width="792" height="126" colspan="2">
   <img id="index" src="images/index.gif" width="792" height="126" alt="" /></td>
</tr>
<tr>
<td width="792" height="34" colspan="2">
<table id="Table_01" width="792" height="34" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="34" height="34">
   <img src="images\navigation_2.gif" width="34" height="34" alt="" /></td>
<td width="426" height="34">
   <img src="images\navigation_2-02.gif" width="426" height="34" alt="" /></td>
<td width="105" height="34" id="title">
   <img src="images\blank.gif" alt="" name="blank" width="105" height="34" id="blank" /></td>
<td width="5" height="34">
   <img src="images\navigation_2-04.gif" width="5" height="34" alt="" /></td>
<td width="36" height="34">
   <img src="images\navigation_2-05.gif" alt="" width="36" height="34" id="Image1" onMouseOver="MM_swapImage('Image1','','images/navigation_2_over-05.gif',1);MM_swapImage(' blank','','images/team.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="32" height="34">
   <img src="images\navigation_2-06.gif" alt="" width="32" height="34" id="Image2" onMouseOver="MM_swapImage('Image2','','images/navigation_2_over-06.gif',1);MM_swapImage(' blank','','images/forms.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="31" height="34">
   <img src="images\navigation_2-07.gif" alt="" width="31" height="34" id="Image3" onMouseOver="MM_swapImage('Image3','','images/navigation_2_over-07.gif',1);MM_swapImage(' blank','','images/export.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="33" height="34">
   <img src="images\navigation_2-08.gif" alt="" width="33" height="34" id="Image4" onMouseOver="MM_swapImage('Image4','','images/navigation_over-08.gif',1);MM_swapImage('bl ank','','images/consulting.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="31" height="34">
   <img src="images\navigation_2-09.gif" alt="" width="31" height="34" id="Image5" onMouseOver="MM_swapImage('Image5','','images/navigation_over-09.gif',1);MM_swapImage('bl ank','','images/programming.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="42" height="34">
   <img src="images\navigation_2-10.gif" alt="" width="42" height="34" id="Image6" onMouseOver="MM_swapImage('Image6','','images/navigation_over-10.gif',1);MM_swapImage('bl ank','','images/contact.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="17" height="34">
   <img src="images\navigation_2-11.gif" width="17" height="34" alt="" /></td>
</tr>
</table>
td>
</tr>
<tr>
<td width="410" height="352">
   <img id="index003" src="images/index-03.gif" width="410" height="352" alt="" /></td>
<td width="382" height="352">
   <img id="index004" src="images/index-04.gif" width="382" height="352" alt="" /></td>
</tr>
<tr>
<td width="792" height="29" colspan="2">
   <img id="index005" src="images/index-05.gif" width="792" height="29" alt="" /></td>
</tr>
</table>
</body>
</html>
I can't publish the page and images until later tonight.
Thanks, as always.

How to make a single image with multiple clickable points?

Hi,
I just started using CS4 yesterday, but am pretty confused. I managed my first little achievement with it, but am havign troubles. I'm not even sure of the capabilities of the software to be honest, but I would like to know if I can have a single image, then have sections of it which can be hovered over with a tag and a link to another part of my site. Is this something that can be done?
Thanks!

Hi,
to reach several different links on the image you need to create so-called hotspot (I had to translate the following terms from my German Dreamweaver). How to do?
Click into the image
Open properties window
Open list box orientation.
Surround the image parts in question (look at the green arrow). Feel free/play with chosen forms.
Hans-G.
P.S.
You shouldn't use only images on your site.

Batch processing images with different dimensions

Hi all!
I've been trying to do this for a while and I'm stumped, so I'd like to know if it's even possible. I'm trying to fathom out how to create an action which…
Takes a jpg
draws a shape
masks the image
adds another shape
So I can batch process a ton of images.
I managed to do something like what I'm after but the thing I'm having trouble with is that the original images will have different dimensions.
I have attached (via link) an example image which would be the original (start.jpg), one which would be the desired end result (done.jpg) and the .psd
IF there needs to be a step in the middle of the action where I need to intervene and resize the flat image slightly to fit the canvas it'll still save a load of time.
I know that opening and saving will be taken care of using the batch feature and the result only needs to be a jpg.
Any input will be welcomed!
Here are the working files - http://mikeebee.com/dl/action-test.zip
Many thanks

That's an interesting action, but I thought the expected output was different than what this action produces. First, I didn't think image cropping would have been ok (maybe the OP expects this or is ok with cropping). Secondly, I kept getting caught up in how the right edge was going to actually be skewed (as decreasing in size perspectively off into the distance). This action appears to just visually trick the eye (again which may be what the OP wanted or is ok with). Like I said, just that aspect alone is where I kept getting stuck in how this would be possible without some manual manipulation.
If you take this image http://www.shan-dysigns.com/userForums/photoshop/stripes.jpg and perform this action, you will see how the right side doesn't actually get skewed (as I thought was part of the visual effect wanted). Still, this action is quite nice.

How to get a .tif image with n different colors?

Hi..i want to know how can i get a .tif image colored by some colors. I want to do something like this:
if(tifImage.pixel < 0.1) {
tifImage.pixel = yellow;
else if( 0.1 <= tifImage.pixel && tifImage.pixel <0.5){
tifImage.pixel = red;
up to n colors.
I prove the next code, but it is not getting the colors i want.
public void generateImage(BufferedImage bi,double alto,double medio,String output){
          int width = bi.getWidth(); // Dimensions of the image
          int height = bi.getHeight();
          // Some constant colors (as arrays of integers).
          int[] red = {255, 0, 0};
          int[] green = { 0,255, 0};
          //int[] blue = { 0, 0,255};
          int[] yellow = {255,255, 0};
          //int[] background = { 85, 85, 85};
          int[] background = { 255, 255, 255};
          // The original image data will be stored on this array.
          int[][][] imageData = new int[width][height][3];
          // We'll fill the array with a test pattern bars thingie.
          double[] pixelArray=null;
          for(int w=0;w<width;w++)
               for(int h=0;h<height;h++)
                    if(bi.getRaster().getPixel(w,h,pixelArray)[0]>=9000){
                         //lo dejo blanco
                         imageData[w][h] = background;
                    else if(bi.getRaster().getPixel(w,h,pixelArray)[0]>=alto){
                         //lo dejo rojo
                         imageData[w][h] = red;
                    else if(bi.getRaster().getPixel(w,h,pixelArray)[0]>=medio){
                         //lo dejo amarillo
                         imageData[w][h] = yellow;
                    else{
                         //lo dejo verde
                         imageData[w][h] = green;
          // Now we have a color image in a three-dimensional array, where the
          // third dimension corresponds to the RGB components.
          // Convert the color image to a single array. First we allocate the
          // array.
          // Note that this array will have the pixel values composed on it, i.e.
          // each R,G and B components will yield a single int value.
          byte[] imageDataSingleArray = new byte[width*height*3];
          int count = 0;
          // It is important to have the height/width order here !
          for(int h=0;h<height;h++)
               for(int w=0;w<width;w++)
                    // Rearrange the data in a single array. Note we revert RGB, I still don't
                    // know why.
                    imageDataSingleArray[count+0] = (byte)imageData[w][h][2];
                    imageDataSingleArray[count+1] = (byte)imageData[w][h][1];
                    imageDataSingleArray[count+2] = (byte)imageData[w][h][0];
                    count += 3;
          // Create a Data Buffer from the values on the single image array.
          DataBufferByte dbuffer = new DataBufferByte(imageDataSingleArray,width*height*3);
          // Create an pixel interleaved data sample model.
          SampleModel sampleModel =
               RasterFactory.
               createPixelInterleavedSampleModel(DataBuffer.TYPE_BYTE,
                         width,height,3);
          // Create a compatible ColorModel.
          ColorModel colorModel = PlanarImage.createColorModel(sampleModel);
          // Create a WritableRaster.
          WritableRaster raster = RasterFactory.createWritableRaster(sampleModel,dbuffer,new Point(0,0));
          // Create a TiledImage using the SampleModel.
          TiledImage tiledImage = new TiledImage(0,0,width,height,0,0,sampleModel,colorModel);
          // Set the data of the tiled image to be the raster.
          tiledImage.setData(raster);
          // Save the image on a file.
          JAI.create("filestore",tiledImage,output,"TIFF");
Thanks

I tried that. When I open one image and set the exposure, then go to open the second image, nothing happens. I then saved one image as a psd file, then it would let me open the raw file a second time. When I had both open on the same screen and dragged the layer from one into another image, the layer size ended up being different than the other file. It was shifted down and to the left. I need these images to be pixel locked, and the user experience I went through did not allow me to do this.
I also do not see a way to copy/paste layers between files.

How do I select an image with motion blur so that I can put it onto a different background ?

How do I overlay a image with motion blur on a white background (like the first image) onto a different background (to look like the second image)? any help would be greatly appreciated, many thanks ,ed
Message was edited by: motoredd

I’m afraid you may have bitten off more than you might want to chew.
The resulting pixels of an in-camera-blur combine information about the color/brightness of back- and foreground (edit: the result of surface properties and lighting conditions) with motion (basically transparency for this task) in such a way that it seems exceedingly difficult (maybe even improssible) to isolate the foreground in a »pure« form.
One may get a halfway decent mask (as the backgound is at least almost uniform and brighter than the foreground elements) but you may have to manually decontaminate the transparent areas, otherwise the masked object in front of a dark background would have a bright edge.

Loading images with different horizontal sizes

I would like to load images with different horizontal
resolutions (vertical resolution to be the same) dymanically into
an empty movie clip. I would like them to load with the right hand
side of the image lined up with the right hand side of my site. I
have seen many tutorials about how to accomplish the loading of the
movies, but I cannot figure out how to make them open with the
right hand side always lined up on the right.
To be more specific, let's say I have three images of the
varying pixel resolutions (1200x600, 800x600, and 400x600 for
example). I would like the horizontal size to always extend away
from the right hand side of the site with the right hand edge of
the images always lined up.
Is this possible to do by loading them into an empty movie
clip?
thanks

When you load an image file into an empty movieClip, that
clip takes on the dimensions of the loaded content. The
registration point for the clip is set to the upper left corner.
So, once the new image is loaded, just set that clip's .x to the
stage width - the width of the clip.

How to open a raw image with two different exposures?

Hello,
I am trying to open a raw image file in Elements with two different exposures so that I can use an adjustment layer to blend the exposures. For the life of me, I cannot figure this out, and the online help is completely useless. I have read everything in the online help about working with layers and it does not mention a single thing about this process. I know it can be done because I have done it before with a previous version of Elements, but I remember it being a very awkward experience. Can anyone point me to a page with this technique, or share the secret? Thanks. If anyone from Adobe is watching this forum, please try to make this product easier to use, more intuitive, and less reliant on subtleties, and by all means, PLEASE improve the documentation as it is practically empty of any useful information.
Thanks,
Shan

I tried that. When I open one image and set the exposure, then go to open the second image, nothing happens. I then saved one image as a psd file, then it would let me open the raw file a second time. When I had both open on the same screen and dragged the layer from one into another image, the layer size ended up being different than the other file. It was shifted down and to the left. I need these images to be pixel locked, and the user experience I went through did not allow me to do this.
I also do not see a way to copy/paste layers between files.

Is it possible to merge images from 4 different folders into a single 4x4 image with ps scripting?

So I have four folders that each contain 970 images. The images in folder 1 are named exactly the same as the images in folder 2, 3, and 4. All the images are also 400px in size. What I'm trying to do is take all images of the same name from each of the 4 folders and put them into a single 800x800 images so that they are arranged in a 4x4 fashion.
Example: Each folder has an image named mastiff1.psd. All four mastiff images are different, but have the same name, and are the same size. I'd like all four mastiff images to be combined into one double-size image that has all four of the mastiff images on it and save as mastiff1-4x4.
Is that something that photoshop scripting could do? I'm a newb to this. I've used actions plenty, but never scripting.

To script well you need to know a scripting programming language either JavaScript which works on both Photoshop Platforms or AppleScript which will only Apple Mac machines, Or VSbasic which will only run on windows. You must also know how Photoshop works and know how to use Photoshop well.
There are some things that can not be scripted for Adobe DOM does not have interfaces methods for all of Photoshop's features. However there is an Adobe Plug-in with the name Scriptlistener witch is like a script recorder anything you do in Photoshop that can be recorded in actions will be recorded into two logs on you desktop when the Scriptlistener plug-in is installed one is in JavaScript syntax the other in VSbasic. Like Actions there is no logic just hard coded step, step, step... The code uses the Action Manager to do the Photoshop function. So things that can not be scripted using Adobe DOM can be scripted using Action Manager code produced by the Scriptlistener Plug-in and the hard coded steps can be modifies into javascript functions that use variables.
I feel what you want to do would be a real ambitious first Photoshop script. Adobe scripting documentation, sample script and Scriptlistener are not part of the standard install. You must download these from Adobe. Adobe Photoshop Scripting | Adobe Developer Connection.
I don't actually know javascript but I can hack at it. Have done some document layout scripts. Most require a PSD template but PasteImageRoll does not but all Image must come from the same folder. Most of my fully automated script require all image to be in the same folder. However two of my scripts are interactive. You can select each image to be layout from anywhere. Images will be automatically re-sized and positioned which you can then tweak.
I'm not the best coder still you may want to look ate the code I came up with.
Paste Image Roll Script and Picture Package Support
Photo Collage Toolkit UPDATED Made Rotate for Best Fit an option in PasteImageRoll.jsx Edit to customize your default settings.
Photoshop scripting is powerful and I believe this package demonstrates this.
The package includes four simple rules to follow when making Photo Collage Template PSD files so they will be compatible with my Photoshop scripts.
There are twelve scripts in this package they provide the following functions:
TestCollageTemplate.jsx - Used to test a Photo Collage Template while you are making it with Photoshop.
CollageTemplateBuilder.jsx - Can build Templates compatible with this toolkit's scripts.
LayerToAlphaChan.jsx - Used to convert a Prototype Image Layer stack into a template document.
InteractivePopulateCollage.jsx - Used to interactively populate Any Photo Collage template. Offers most user control inserting pictures and text.
ReplaceCollageImage.jsx - use to replace a populated collage image Smart Object layer with an other image correctly resized and positioned.
ChangeTextSize.jsx - This script can be used to change Image stamps text size when the size used by the populating did not work well.
PopulateCollageTemplate.jsx - Used to Automatically populate a Photo Collage template and leave the populated copy open in Photoshop.
BatchOneImageCollage.jsx - Used to Automatically Batch Populate Collage templates that only have one image inserted. The Collage or Image may be stamped with text.
BatchMultiImageCollage.jsx - Used to Automatically Batch Populate Any Photo Collage template with images in a source image folder. Easier to use than the interactive script. Saved collages can be tweaked.
BatchPicturePackage.jsx - Used to Automatically Batch Populate Any Photo Collage template with an image in a source image folder
PasteImageRoll.jsx - Paste Images into a document to be print on roll paper.
PCTpreferences.jsx - Edit This File to Customize Collage Populating scripts default setting and add your own Layer styles.
Documentation and Examples

Hello Experts, i have issue with mime repository image with different languages ?

Good day !
I was facing the issue with images : we are creating the images by using CSS tool to generate a button. that image type is .png , this images we are importing into webdyunpro component as a mime object.
These images are binided into button image source property. And i am writing the code for calling this button (this is uniq code for all languages).
But all langaues are working fine for spanish(ES) langage only it was not displaying the image. it is displyind cross mark.
Naming standard i ma mainintg for mime object name : Export_ES.png.(spanish).
Please can any one help me on this .
Regards,
Venu

Hi Kiran,
Thanks for your Promt reply.
1. i am creating different images for different languages.
ex : english : Export_EN.png
         Spanish : Export_ES.png
Code will be : here i am creating attribute and bing that attribute to button image source.
me ->get_button_img
    EXPORTING
      im_button_id    = 'Export'
      im_button_value = 'IMG_EXPORT'
      im_type         = '.png'
    CHANGING
      ch_context_ele = lo_el_images.
'IMG_EXPORT' : attribute name
method : get_button_img
   DATA: lv_img_name TYPE string,
        lv_lang     TYPE string.
*        lv_jpg(4)   TYPE c VALUE '.jpg'.
lv_lang = sy-langu .
CALL FUNCTION 'CONVERSION_EXIT_ISOLA_OUTPUT'
    EXPORTING
      input = lv_lang
    IMPORTING
      output = lv_lang.
CONCATENATE im_button_id '_' lv_lang IM_TYPE INTO lv_img_name.
CALL METHOD CH_CONTEXT_ELE->set_attribute
    EXPORTING
      value = lv_img_name
      name = im_button_value.
here lv_img_name : Export_ES.png.
But its not working.
thank you

Clickable Images with different sections of image perform different actions

Similar Messages

Maybe you are looking for