Enlarge an image when clicked in a report

Hi i am using Apex 4.2.2
I have a requirement where I can display images in a report. Images are stored as blob in the database.
I created an interactive report and I can display the image in the report. But when I need to know when I clicked on the image it should enlarge.
Can someone help me out with this.
Thanks,
Rik

hello
not trying to hijack the thread but needed some clarification
your very short tutorial
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.h tml
was really informative. Just have a couple quick questions:
you state:
"the core code library which you ref in your <head> tags,"
the below code just has to be declared ONCE at the beging in your head section, correct?

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>
then any number of jquery plugin scripts can be placed in ANY order in your head section following the above code, correct?
"the function code inside <script> tags to invoke the plug-in."
so then in the body, does the functions code have to come RIGHT AFTER the place it is being used?
example
<body>
<div class="slideshow1"
</div>

<script type="text/javascript">
</script>
<div class="slideshow2"
</div>

<script type="text/javascript">
</script>
</body>
or can you take all the function codes and paste them in the end outside of the respective divs that are using the code?
ie does the position of the code matter?\
thanks guys
Nancy O. wrote:
Try jQuery Fancybox
http://fancybox.net/
If you're new to using jQuery plugins, see this primer:
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.h tml
Nancy O.

Similar Messages

Advice for HTML and CSS code to enlarge an image when clicked ?

Hi,
When clicking on a thumb image I would like users to able to view an enlarged version in the same webpage and then click on close to go back to the thumb image.
This is not in a gallery it is a for sale page which contains 3 images.
I am new to this - learning all the time any help greatly appreciated !!
Kind regards, Matt,
ps code used so far;
<img src="images/gallery_images/thumbs/120px-Glass_1.jpg" alt="Glass image 1" width="150"/>

hello
not trying to hijack the thread but needed some clarification
your very short tutorial
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.h tml
was really informative. Just have a couple quick questions:
you state:
"the core code library which you ref in your <head> tags,"
the below code just has to be declared ONCE at the beging in your head section, correct?

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>
then any number of jquery plugin scripts can be placed in ANY order in your head section following the above code, correct?
"the function code inside <script> tags to invoke the plug-in."
so then in the body, does the functions code have to come RIGHT AFTER the place it is being used?
example
<body>
<div class="slideshow1"
</div>

<script type="text/javascript">
</script>
<div class="slideshow2"
</div>

<script type="text/javascript">
</script>
</body>
or can you take all the function codes and paste them in the end outside of the respective divs that are using the code?
ie does the position of the code matter?\
thanks guys
Nancy O. wrote:
Try jQuery Fancybox
http://fancybox.net/
If you're new to using jQuery plugins, see this primer:
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.h tml
Nancy O.

How to enlarge the image when the mouse is clicked

I want to enlarge the image when the user click the image. How to do it by muse? Thank You!!!

Hi,
When you create a page in Muse called "Home" or "Gallery" or other else, when you export your site as HTML you must have a file called "home.html", "gallery.html" or "other else.html". Remember in what page you putted the Gallery in Muse and edit it with notepad, wordpad or similar and find the code where the gallery is linked (search the name of one of your images, is the best way to find it) and replace the code with something similar like that:
<code>
<a href="images/medidas06.jpg" rel="lightbox[gallery]"><img class="block ImageInclude" id="u3527_img" data-src="images/medidas06.jpg" src="images/blank.gif" alt="" data-width="248" data-height="360"/> </a>
</code>
The path to the JPG files must be ok with your website.
The other steps are well explained by the readme of the lightbox library
Regards

How to open an image when clicking in a word.

Im working in a demo for an interactive book for ipad using the Digital Publishing Suite > Folio Builder and i need to be able to open a specific image when clicking in a word. I havent found any tutorial that shows how to do this can somebody please point me in that right direction? thx so much

Download Bob Bringhurst's DPS Tips app from the app store and/or watch my lynda.com DPS Essentials Course. If you don't have a subscription you can get a free one week trial here: lynda.com library | Trial Subscription

Page Not Found Error when clicking on Crystal Report Viewer print icon

Hi,
    I am working with ASP.NET 2.0 and crystla reportXI release2.
    I am getting "Page Can not be Found " error when clicking on Crystal Report Viewer print icon.
    Could you please tell me how to get rid of this error?
Regards,
Smitha

This sounds like a postback issue. Does your application handle postback by putting the report in session?
There is a [sample|http://devlibrary.businessobjects.com/BusinessObjectsXIR2SP2/en/en/CrystalReports_dotNET_SDK/crsdk_samples_aspx/data/crsdk_net_tutorials_115_en.zip] to look at on our website. It was created with Crystal Reports XI R2 and Visual Studio .NET but the code will be the same.
A short pseudocode would be something like this:
Dim rptDocument As ReportDocument
If Not Me.IsPostBack or Session("Report") = Nothing Then
rptDocument = New ReportDocument
rptDocument.Load(sGlobalPath & "\myreport.rpt";)
Ludek

HELP! how to display an image when clicking on JLabel?

hi. new to the forums. anyway, i need help in displaying an image.
what i'm trying to do is when clicking on a JLabel using mouseClicked, an image will show and when the image is clicked it will disappear. i've searched and searched and have not found anything useful. thanks...

thanks.
searched on the setIcon, didn't find anything. btw, i know how to set the icon on the JLabel. i'm trying to figure out how i can get it that when i click on the JLabel by using the mouseClicked (or maybe even mousePressed) listener, the image pops up and when i click on the image, it closes or disappears.
btw, i'm using the netBeans GUI builder for this. thanks again.

Center the image when click the movieclip

Need a big help guys...
i am new with flash, and i had swf which contains big image it will resize to best fit.
when i double click the image the clicked position come to center of the stage.
i achived little bit, it zooming but image not come to center position.
i have attached the fla file in it please give me a solution for it
and i have used this script to zoom on double click and bolded 2 lines are to position the image.
imagePanel.onRelease = function()
    if(lastclick - (lastclick=getTimer()) + 500 > 0){
        var sf = Math.abs(imagePanel.loadTemp._xscale);
        if (sf < 100) {
        //trace("zoomIn");
     var xss = imagePanel.loadTemp._xscale > 0 ? (1) : (-1);
    var yss = imagePanel.loadTemp._yscale > 0 ? (1) : (-1);
    var sf = Math.abs(imagePanel.loadTemp._xscale);
    sf = 100;
    imagePanel.loadTemp._xscale = sf * xss;
    imagePanel.loadTemp._yscale = sf * yss;
    imagePanel.refreshPane();
imagePanel.loadTemp._x = - (_xmouse) -35;
    imagePanel.loadTemp._y = - (_ymouse) - 150;
    else {
    //trace("zoomOut");
    var xss = imagePanel.loadTemp._xscale > 0 ? (1) : (-1);
    var yss = imagePanel.loadTemp._yscale > 0 ? (1) : (-1);
    var sf = Math.abs(imagePanel.loadTemp._xscale);
    sf = best_fit;
    imagePanel.loadTemp._xscale = sf * xss;
    imagePanel.loadTemp._yscale = sf * yss;
    imagePanel.refreshPane();

Hi friend, just change with following code in the zoom in portion
//////////////Zoom In/////////////////////////////////////
                //trace("zoomIn");
   var perX = (_xmouse - 10)/imagePanel.loadTemp._width * 100;
    var perY = (_ymouse - 43)/imagePanel.loadTemp._height * 100;
    var xss = imagePanel.loadTemp._xscale > 0 ? (1) : (-1);
    var yss = imagePanel.loadTemp._yscale > 0 ? (1) : (-1);
    var sf = Math.abs(content._xscale);
    sf = 100;
    content._xscale = sf * xss;
    content._yscale = sf * yss;
       imagePanel.refreshPane();
///////////////Zoom In ends////////////////////////////////////
/////////Position to center the image /////////////////////////
/////////This is part i needed, when i click the image it cannot move center postion, please solve my problem///////////
    /*if(_xmouse<Stage.width/2 && _ymouse<Stage.height){
        imagePanel.loadTemp._x = - (_xmouse) -35;
           imagePanel.loadTemp._y = - (_ymouse) - 150;
var newX = imagePanel.loadTemp._width * (perX/100);
    var newY = imagePanel.loadTemp._height * (perY/100);
imagePanel.loadTemp._x = imagePanel.loadTemp._x - newX;
    imagePanel.loadTemp._y = imagePanel.loadTemp._y - newY;
    //imagePanel.loadTemp._x = - (_xmouse) -35;
    //imagePanel.loadTemp._y = - (_ymouse) - 150;
The code that i had newly included is marked with red color.
Please reply...

Can I make a button bring up an image when clicked?

I know how to make a button show an image when rolling over or holding down a button, but I don't know how to make my button clickable to where it opens up an image. I am new at this.
I have a page that has some thumbs showing. I want to be able to click the thumb and have the full size image pop up. Is that doable? I guess with another click to make the image go way and have the thumbs showing again.

Hi,
Here is a quick example showing a button (that would contain the thumbnail image) that when clicked (look at the interactions panel) brings up a state with the larger image.
http://www.numencommunications.com/storage/fc_examples/ImagePopup.fxp (right-click and save the file to your desktop)
Hope this helps.
Tanya

How to open reports in same portlet when clicked on item report links in menu portlet

Hi,
I am not sure what forum I should ask this question. Anyway, I am trying in the content areas forum.
Let me explain what I trying to do.
I have reports links as menu item links in a menu. I have published this menu to portal and added it to a page. I can now see the report links. If I now click on the report link, it opens the report in a whole window. How do I open the report in the same portlet or if this is not possible, how do I open this in a different portlet on the same page ?
thanks for helping.
Mainak

Hi,
This is part of JPDK. You will have to install it. Which version of portal are you using? You can also try this out using
URL portlet which is available with webview in 309.
Thanks,
Sharmila

Keyword List doesn't show the correct images when clicked

I'm using LR 2.3RC on a Windows Vista Ultimate PC, although the same error occurs on LR2.2.
I have a keyword structure "Karl > Family > People" with Karl having 33 images with this keyword. When I use the "Keyword List" on the right panel in the Library module to display these images I get over fourteen thousand images in the grid! This doesn't happen when I use the "Library Filter" bar above the grid.
What gives?

Don,
the result of clicking on "Karl" should display 33 images in total. In fact I'm getting 14,589 of a possible total of 14,734 in the catalogue. This hardly a limitation, rather the opposite I would say!
John

Anyone have an easy way to hide an image when clicked?

Hi,
I have an image where I need each text box/arrow to delete once clicked. Surely there is an easier way than creating millions of frames? Is it possible to do it with a button? The person using the animation needs to click the right ones that would lead to them dissappearing.
This was mocked up in photoshop. Only the photo would be brought into flashes library.
Thanks in advance.

Thanks esdebon for your response. I have tried to get it to work and keep getting compiler errors. Nothing happens when i click on the movie clip. button was converted to a movie clip and I added the actionscript but to no avail. This is the error I am getting while testing:
Scene=Scene 1, layer=low, frame=1, Line 1
Statement must appear within on/onClipEvent handler
Scene=Scene 1, layer=low, frame=1, Line 3
The class or interface 'MouseEvent' could not be loaded.
In your second response does "
image2.addEventListener(MouseEvent.MOUSE_OVER, hideImages) // to mouse over event
image2.addEventListener(MouseEvent.MOUSE_OUT, hideImages) // to mouse out event"
replace "
image2.addEventListener(MouseEvent.CLICK, hideImages)
image3.addEventListener(MouseEvent.CLICK, hideImages)
image4.addEventListener(MouseEvent.CLICK, hideImages)"
for each image? Two lines compared to one in the original line of code?
Also does this stay the same for the first image?
image1.addEventListener(MouseEvent.CLICK, hideImages)
function hideImages(e:MouseEvent):void{
e.target.visible=false;

No image when click on "show photo settings"

So...I've added all of my pics into an iMovie file, but for some reason, with this particular movie, I can't edit my photos once I click on "show photo settings". It's just a black screen but the cursor still runs across for the ken burns effect... any ideas why this would happen?
MacBook

There's a bug in iMovie 6 which discards iMovie's copy of any photos you've imported to the project. When you empty the Trash the photos are discarded, so Updating a clip creates a black clip.
The solution is to re-import the photos, then don't empty the iMovie Trash.
Karl

When clicking "Save image as" how can I get Firefox to auto add a (1) (2) etc at the end of the filename if an image with the same filename already exists?

How can I get Firefox to automatically rename images when clicking "Save image as" on the menu, when an image with the same file name already exists in the folder??

Hello,
That is not a feature that is supported natively within Firefox but there are various add-ons which I think will do the job you need.
The one I have used is [https://addons.mozilla.org/en-US/firefox/addon/web-slide-show/?src=search Web Slide Show]. This is primarily an add-on for viewing a slideshow of images when they are presented as thumbnails on a web page. However once you are in the slideshow there is a download button which will download all the images in the slideshow. It will automatically rename the images if an image with the same name already exists in the folder.
If you don't like that add-on then here are some others that may do the same job:
* [https://addons.mozilla.org/en-US/firefox/addon/image-download-%E2%85%B1/?src=search Image Download II]
* [https://addons.mozilla.org/En-us/firefox/addon/image-picker/ Image Picker]
I hope that helps. Let me know if not.
Also I notice that you are using Firefox v23. That is now an outdated version. To get the latest security updates I suggest updating to version 24. See the support article here: [[Update Firefox to the latest version]].

Images displaying haphazardly in WebI report

Hi,
We are currently working on BI 4.0 SP5 Patch 3.
I am having an issue in the images that are being displayed in my report.
I have a report that displays a company logo on the top left corner(say, Company - "ABC"). Below that I have 1 table and a couple of images(circle and rectangle).
Following are my observations.
When I, :
1. View the report in Launch Pad: - In the Header of the table I can see the "ABC" logo, which shudn't be there. - In the circle and rectangle also, I can see the "ABC" logo, instead of the circle and rectangle image. I checked the properties and in the appearance I donot see any image of "ABC" added in the cells.
2. Export report in Excel/PDF after Viewing: The Header of the table and the images are displaying fine.
3. Open in WebI Rich Client: The Header of the table and the images are displaying fine.
4. Scheduling the report: The Header of the table and the images are displaying fine.
I donot see where the error might be. Require your help.
Thanks,
Amrita

Hi Amrita,
check the WebIDefaultStyleSheet.css file located under c:\program files\sap businessobjects\sap businessobjects enterprise xi 4.0\images. This is located on the application server.
If this doesnt fix the issue, then I need to ask you few questions:
1- how many nodes are there in your environment?
2- which tool did you use to write the report (rich client, or webi)?
3- do you see this image when you open existing reports too or is it just with the new reports?
Regards,
samique
917.945.3676

Report does not render image when using DoCmd.OutputTo to PDF

Hello All.... and Happy new year !!!
I have a form that has an embedded report and a series of cmd buttons to print the report or export it to file and saves it.
In the report I have an Image object (a logo) that is in the header.
When I print the report to a printer or a PDF printer the image is present.
When I use DoCmd.OutputTo the report is properly exported to PDF and saved but the image is not present.
I've tried playing with the ExportQuality, the "fit to page", etc... but nothing seems to get it working.
here is the vba I use
'Open the report as hidden to filter the data
DoCmd.OpenReport reportToExport, acViewPreview, , filterReportBy, acHidden
'if we show the report
If (booSeeFile) Then
'export to pdf to save and autostart
DoCmd.OutputTo acOutputReport, reportToExport, acFormatPDF, filepath, vbYes
Else
'export to pdf to save
DoCmd.OutputTo acOutputReport, reportToExport, acFormatPDF, filepath
End If
Any help would be great !

given that you've gone 12 hours with no reply; I generally don't have any problem with the logo going from the Report object to the PDF export. When a report is opened on screen - right click - and one of the choices is 'Export To' and one of those
choices is 'PDF or XPS' - - - just try that as a sanity check....
there are 2 kinds of image controls - I can't remember off hand their formal name but one has the image embedded permanently inside the report object and so this one should go to the PDF.....the other type is a file link to the image for which the advantage
is that image can be dynamically changed on the fly. This second type probably will not appear in an export as the file link is probably broken....
hope this helps a little......

Enlarge an image when clicked in a report

Similar Messages

Maybe you are looking for