Dynamic image source

hi,
i am working on a flex application where i have to dislplay
images which take there source path dynamicaly from a column of a
grid. The grid itself is taking the data from an xml file which is
not defined in the mxml code can you suggest some code example.
perhaps you can tell me some related example which might not be
exactly what i want but hint something towards it
thanks and waiting for your response

Similar Messages

Question about dynamically changing image source

hi, this might be a stupid question that i've simply never
seen, but i have a picture on a page that, when the user clicks a
link below, needs to change to an altered picture. probably very
simple, i just need code that will change the image source of a
named image by clicking a link. thanks for any help you can give
me.

You can use a remote rollover technique that uses css
(nesting one or more elements inside an anchor link) and absolute
positioning, or JavaScript.
Here is a quick JavaScript to achieve this effect:
xhtml code
<head>
<script src="external.js" language = "javascript" type =
"text/javascript"></script>
</head>
<body>
<p><a href="new_page.html" id="arrow"> New
Page</a></p>
<img src="images/image1_off.gif" width="100" height="20"
id="arrowImg" alt="arrow" />
</body>
external JavaScript file
window.onLoad = rolloverInit;
function rolloverInit() {
for (var i=0; i<document.links.length; i++)
var linkObj = document.links
if (linkObj.id) {
var imgObj = document.getElementById(linkObj.id + "Img");
if (imgObj) {
setupRollover(linkObj, imgObj);
function setupRollover(thisLink, thisImage) [
this.Link.imgToChange = thisImage;
this.Link.onmouseout = rollOut;
this.Link.onmouseover = rollOver;
thisLink.outImage = new Image();
this.Link.outImage.src = this.Image.src;
thisLink.overImage = new Image();
thisLink.overImage.src = "images/" + thisLink.id +
"_on.gif";
function rollOver() {
this.imgToChange.src = this.overImage.src;
function rollOut() {
this.imageToChange.src = this.outImage.src;
There is a lot going on here but if you know a little
JavaScript it will be failry easy to work it out. The important
thing is to note the file layout, naming conventions and image
constructs. Make sure the ids, etc are matched in the functions and
html code.
This technique shows the user what the image will become if
they click the text when they mouse over the text link. This is
handy for showing a preview of an image. You can alter the script
to change the image without a preview if you don't want that
effect.
regards
Nick Barling
www.barkingweb.com

How do get a dynamic image to open in new browser window

I'm using DW CS3, mysql (MAMP) OS 10.6.2 I'm designing my online store. I need the customer to be able to click dynamic image/thumbnails to view a larger image in a new browser pop up window 400 x 400. An example of this functionality can be seen at :
http://www.designpublic.com/spot-on-square-roh-dresser
So far I can get the separate new browser window to open with the dynamic image, using the open new browser behavior, but the on click also advances to next page with the larger image. You have to press the back button to get back to the product page. I want the customer to be able to see the product page , while viewing larger image, and then close larger image, and still have the product page open. I don't understand why 2 windows are opening.
Thanks for the help people!
William

Hi
I did look at it but, (and this is only my opinion, I do not like such effects) it is your decision.
If you view source you will see -
<a href="#" onclick="popWin('http://www.designpublic.com/catalog/product/gallery/id/12706/image/91883/', 'gallery', 'width=300,height=300,left=50,top=50,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;" title="Spot on Square Roh Dresser" class="gallery-image-link"><img src="http://arcsmedia01.s3.amazonaws.com/catalog/product/cache/2/thumbnail/56x56/5e06319eda06f020e43594a9c230972d/r/o/roh_dresser1.jpg" alt="" /></a>
Which is controlled by the javascript function
popWin()
which you can view using the firefoxe dev toolbar - view javascript function.
PZ

How to insert a dynamic image from a database

I've recently started using Dreamweaver CC to set up a Dynamic Website (PHP pages with a mySQL database). With perseverance and by downloading the new depreciated Server Behaviors and Bindings Panels I've been more or less successful at accomplishing my tasks. I'm still struggling with getting a image to display from mySQL server data base. In the Pre CC revisions this was easy and well documented. I've downloaded the DMXZone HTML5 Data Bindings extension. I can almost get accomplish my dynamic image task, but the DMXZone HTML5 Data Bindings extension says I must now get the the "unfinished but working on" DMX Zone Database Extension in addition to the HTML5 Data Bindings Extension to select my data source from the database.
I'm thinking about dumping Dreamweaver CC altogether and just installing CS6 until the path gets better paved. Any other ideas? Sample code? Work around? Thanks in advance

KevinatCirris wrote:
I've recently started using Dreamweaver CC to set up a Dynamic Website (PHP pages with a mySQL database). With perseverance and by downloading the new depreciated Server Behaviors and Bindings Panels I've been more or less successful at accomplishing my tasks. I'm still struggling with getting a image to display from mySQL server data base. In the Pre CC revisions this was easy and well documented. I've downloaded the DMXZone HTML5 Data Bindings extension. I can almost get accomplish my dynamic image task, but the DMXZone HTML5 Data Bindings extension says I must now get the the "unfinished but working on" DMX Zone Database Extension in addition to the HTML5 Data Bindings Extension to select my data source from the database.
I'm thinking about dumping Dreamweaver CC altogether and just installing CS6 until the path gets better paved. Any other ideas? Sample code? Work around? Thanks in advance
Really you would do it like any other piece of information in your database.
Store the actual images in a folder on your server and the image file name in the database - myImage.jpg
Then echo it to the page following the convention of your other data which is being echoed onto the page:
<img scr="images/<?php echo $row_rsRecordSetName['images']; ?> alt="" >
['images'] above being the name of the database field in which you stored the image name and $row_rsRecordSetName being the variable created by the recordset (yours will be different)

Use different "fx-border-image-source" for first tab and remaining tabs

Hi,
I'm using something like this
.tab {
-fx-padding: 0px 5px -2px 5px;
-fx-background-insets: 0 -20 0 0;
-fx-background-color: transparent;
-fx-text-fill: #c4d8de;
-fx-border-image-source: url("images/tab5.png");
-fx-border-image-slice: 20 20 20 20 fill;
-fx-border-image-width: 20 20 20 20;
-fx-border-image-repeat: stretch;
-fx-font-size: 22px;
.tab:selected {
-fx-border-image-source: url("images/tab-selected5.png");
-fx-text-fill: #333333;
     -fx-background-color: red;*/
to customize the tab appearance of a TabPane.
That worked well. But I need to use a different set of images for just the first tab. Does anyone know a way to accomplish that?
Thanks.

How can I "fix up" the first tab of tab panes that are created after I "fixed up" the first tab of the initial tab pane?
My app allows user to create new tab panes at any moment during program execution.Not easy to answer this one.
The best answer would be to use structural pseudoclasses, but (as David points out), they are not yet implemented.
The trick here is how to identify the first tab of each tab pane so that it can be styled separately from the other panes.
Doing the styling without a dynamic lookup is preferrable to using a dynamic lookup (i.e. when the first tab is created give it a specific style, e.g. tab0).
This is how the charts work, where they set style classes based on series of data, e.g. series0, series1 - this allows you to independently style each series of data.
However the chart stuff has all of that built into the implementation, whereas the tabs don't. To achieve that you would likely need to go into the TabSkin code (http://openjdk.java.net/projects/openjfx/) find out where and how it generates the Tab nodes and write a custom tab skin or extension of the existing one which assigns a numeric style class to each new tab in a pane (e.g tab0, tab1, etc). In other words, not particularly easy if you are unfamilar with the tab skin implementation. You could log a javafx jira feature request to have those style classes set on tabs - file it here => http://javafx-jira.kenai.com.
In the meantime a simple alternative is to use the dynamic lookup method in my previous post and a hack such that whenever you add a new tab pane to the scene you do something like the following:
new Timeline(
new KeyFrame(
    Duration.millis(50),
    new EventHandler<ActionEvent>() {
      @Override public void handle(ActionEvent arg0) {
        Node tab = newTabPane.lookup(".tab");
        if (tab != null) tab.getStyleClass().add("first-tab");
).play();The reason for the Timeline is that I don't really know at what stage the css layout pass is executed. I know that when you initially show the stage and then do a lookup, the css pass seems to have already been done and the lookup will work. But for something that is dynamically added or modified after the scene is displayed - I have no idea when the css layout pass occurs, other than it's some time in the future and not at the time that you add the tabPane to the scene. So, the Timeline introduces a short delay to (hopefully) give the css layout pass time to execute and allow the lookup to work (not return null). Not the best or most efficient solution, but should work for you.

Dynamic image in a pdf

Hi All,
         I am trying to add image in an adobe form, the image source is in R/3 and through RFC, the url of image is being exported.
Could you please help, how to display images on PDF dynamically.
Regards
Umang

Hi Umang Mathur   :
   I meet the same problem, now i develop employee CV programe, when a employee open his CV,his photo will display in PDF, i find your answer and do it.
   when i use the script :this.value.image.href = xfa.resolveNode(this.value.image.href).value;When preview it these error display : Script failed (language is formcalc ;context is xfa[0].form[0].Node[0].page1[0].ImageField[0])scripts= this.value.image.href = xfa.resolveNode(this.value.image.href).value;
Error : Malformed SOM expression;
   The Photo do not display in PDF form.
   Can you tell me how do you do with it?
                                                               thank you
zunxian

How to assign dynamic image at runtime or on Button Action to a Image UI

Hi,
     Please let me know is it possible to assign Dynamic Images to Image UI element in a Visual Composer applications. Using Image Manager it is possible, but in my case Image Source i.e URL comes from ABAP RFC, so is it possible to assign Image at runtime.
    Please do let me know is it possible or not, If yes please do share your opinions.
I am able to show image using HTML Page by passing URL at runtime to HTML page but here, I cant control the Image width & height.
   I am checking for possibility of using some script to manage width & height.
   Thanks a Ton.
Regards
Tushar

Hi,
     Any inputs for the Query? Atleast, If I get some hint, will do to proceed....
Regards
Tushar Shinde

IWeb image source... a link?

Is it possible on my iWeb-constructed webpage to have an image whose source is remotely linked (rather than a simple file on the local or .Mac server)? Note: I'm not refering to a hyperlink. For example, on my webpage I'd like to include the latest image from a webcam that appears on my school's website... I can make it work by manually writing in code (below) in the .html file that iWeb generates, but each time I edit my page I have to manually rewrite the code again. Can't iWeb support these kinds of "dynamic" images?? Thanks in advance!
Example code (minus the < and />): img src="http://www.atmos.colostate.edu/webcam/latest.jpg"

How do you know it's not a background image? That's how I
would do it.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Liquid-86" <[email protected]> wrote in
message
news:eimfhh$qsu$[email protected]..
> How do I put an Image under a text link? Or How do I put
a Text link on
> top of
> an image. Many sites do this where they have normal text
links and under
> them
> they have images, but it's not a background image, just
an image inside
> the
> cell. How do I do that?
>

Change image source distorts new image

Is there any easy way, once I change image source in Edge Animate, to get it to at least be proportionally correct? When I change an image source with a different size, it comes in distorted.

If you change the source it will fill the boundaries of the original source image automatically. If the size is different, it is probably better to delete the original image and drop the new one.
If you are talking about loading an image dynamically and changing them dynamically, use css background image with no-repeat and have you div be the size of the largest image used unless you code the image size when they change.

Dynamic Image Gallery AS2

I have dipped in almost every search engine and this site to
locate some easier way to create dynamic image gallery in Flash 8
AS2 using ASP (as i am conversant with ASP only, although i found
many sites suggesting PHP and XML). I'd be very greatful to u all
if u could provide me some help in this part of my project.
I have tried this source also but neither the source throw
any error nor it displays the images, what could be wrong with the
source? Please Please Please Please Please Help me!!!!!!!!
this.createClassObject(mx.containers.ScrollPane,
"scroller_sp", 10);
scroller_sp. setSize (100, 300);
swfThumbs=["imgs/img1.jpg","imgs/img2.jpg","imgs/img3.jpg"]
this.createEmptyMovieClip("clipLoader",1);
for(i=0;i< swfThumbs.length;i++){
clipLoader.createEmptyMovieClip("clip"+i+"_mc",i)
clipLoader.attachMovie("clip"+i+"_mc","clip"+i+"_mc",i+10);
clipLoader.loadMovieNum(swfThumbs
,i+100);
scroller_sp.contentPath = clipLoader;
thanks in anticipation and regards
raajaindra

Hi,
I have a picture show.
It creates its own folder when you first upload images with
the integrated Image uploader. Then it loads the images in with
ASP.
Have a look at
http://netwings.info
- click the B1 Image-show.
When you are interested, the contact is at the site.
Regards,
Luciewong

How to show dynamic image

I am returning a binary stream from the server. That stream once gotten into Browser will be opened as an image (tiff format). Can that stream be a source for a dynamic image in Flex?
Thanks

I thought Sun had a jdk for 3d images. Check the products & api's section.
Bill

Use jsp as image source

In php I have an option to say
<img src="gen_image.php">Here in the gen_image.php I set the content type as image/jpeg and use the gd library to generate a dynamic image.
This is used in various registration validations for dynamic image generation.
My question is can I do this using a jsp or a servlet. Wud help if you could submit the source code.

You do the same thing in the JSP page as you do in the PHP page, just with Java instead of PHP. There's no difference. Set the content type, send image data. You can generate an image using the java.awt.image.BufferedImage class, drawing on it's Graphics object, and exporting a JPEG or PNG file with the javax.imageio.ImageIO class
There is 1 caveat for JSP pages, which is you can't have newlines in the page before you send image data, which means you can't do this:
<%@ page language="Java" contentType="image/jpeg" %>
<%@ import="java.net.*;" %>
<%@ import="java.util.*;" %>
<%
// code to get image data.
%>but instead:
<%@ page language="Java" contentType="image/jpeg" %><%@ import="java.net.*;" %><%@ import="java.util.*;" %><%
// code to get image data.
%>Cuz the newlines are added between those <%%> blocks, so you need to avoid that. Which is generally why it's better to use servlets for that.

Sharing/Caching (Dynamic) Images

I find that the Flash Player does not cache dynamic images
(even in the same session), so my question is, how would I share
images across multiple image components such that I can build an
asset provider of sorts to assit with caching images and other
assets?
I've tried a simplistic approach where in I assign the source
of one image component to another but then the first image
component goes blank and the image "transfers" to the second.
Not sure if BitmapData will help with this either.
Any help/direction is much appreciated.
Thanks.
Shiv.

URL? Code?
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: Dreamweaver CS3: The Missing Manual,
DMX 2004: The Complete Reference, DMX 2004: A Beginner's
Guide
Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"kidcobra" <[email protected]> wrote in
message
news:g2oqb0$bgq$[email protected]..
> PHP, dynamic images from mysql dbase....diplay on local
server, but will
> only
> display on web server if in the same level or folder as
the php page.
> Locally,
> I have put the path to the images in the dbase in front
of the URL of the
> image, and all works fine.... but with that path in
there and images not
> in
> same folder as page, no web server display. I know I'm
missing the
> obvious, but
> need help if anyone has the simple answer . Thanks
>

How to create a menu in flex with dynamic images?

I am using mx.controls.Menu but can't seem to find a way to add dynamic images to it...is there a way fo doing this? should I me using another control?

place the images path in the xml file
when the swf is loaded pass the path of the xml file and
bind the source of menu images with the loaded xml
If this post answers your question or helps. please mark it as such

Dynamic image is not being displayed in Adobe Reader 8.1

Hi,
In interactive form, we have followed below required steps to show a dynamic image.
For the left image, drag and drop an Image Field element from the standard Library tab to the Body Pages pane. Select this image field and edit the following properties:
Click on the Layout tab and choose None for the Caption position.
Click on the Object, then the Binding tab and choose None for Default Binding.
Click on the Field tab, enter $record.SapOnlineShopUrl for the URL entry, and select Use Image Size for the Sizing field.
Click on the script editor and enter the following FormCalc script statement, which enables the dynamic integration of the image. Show: initialize Script: this.value.image.href = xfa.resolveNode(this.value.image.href).value;
Language: FormCalc Run At: Client
Image is displayed properly in Adobe reader 7.1 but it's not being displayed in Adobe reader 8.1.
I was going through some forums and understand that Adobe 8.1 blocks href URL. If this is indeed true, what's the alternative way to show a dynamic image?
Regards
Chandra
Edited by: Chandrashekhar Singh on Apr 24, 2008 7:28 AM

Soory, I thought its static image....
Regards,
Vaibhav Tiwari.
Edited by: Vaibhav Tiwari on Apr 24, 2008 11:45 AM

Dynamic image source

Similar Messages

Maybe you are looking for