JSON content - image appears after clicking

Hi all,

I am trying to load a JSON file and load images with text information.

I have a problem when I click on the thumbnail, the enlarged image can not be displayed, I get the following error:

Could not load the resource: the server responded with the 404 (not found) status

My compositionReady code:

$.getJSON ("content.json",

{function (Data)}

for (var i = 0; i < = data.length; i ++) {}

var s = sym.createChildSymbol ('template', 'content');

s.$("title").html (Data [i] .title);

s.$("description").html (Data [i]. Description);

s.$("Seira").html (Data [i]. Seira);

s.$("imageHolder"). CSS({"background-image":"URL('"+Data[i].image+"')"});)

s.. Click$ ("imageholder") ("click", Function {}

sym.getComposition () .getStage ().$("finte").css ({"background - image":"url("+$(this).data('largeimage')+")"});})

});

}

});

And the JSON file:

[

{

'title': "Titlos 1",

"description": "Descrpt 1",

'seira': "number 1",

'image': "images/wheel.png,"

'largeimage': ' images/1.png.

},

{

'title': "Titlos 2",

'description': 'Inter 2 description',

'seira': 'test ',.

'image': "images/wheel_cool.png,"

'largeimage': ' images/wheel_cool.png.

}

]

I also tried with this code:

$.getJSON ("content.json")

(.the)

{function (Data)}

Console.log ("incoming data:", data);

$(données, fonction (index, item) {} .each)

var s = sym.createChildSymbol ('template', 'content');

s.$("title").html (Item.title);

s.$("description").html (Item.Description);

s.$("Seira").html (Item.Seira);

s.$("imageHolder").Attr ("src", (Item.image));

s.Play ();

s.setVariable ('largeimage', item.largeimage)

});

}

);

and to the element that the hold is the thumbnail image, I've added to the click event:

SYM.$("finte"). CSS ({'background-image': "URL (" + $(this). ")"}) ({Data('largeimage') + ")"});

I think that somewhere on + $(this) +.data('largeimage') ") is the error." But I'm not.

Your help is needed.

Moreover, how, thumbnails, can be displayed in a table of 4 x 5?

Thanks in advance.

Hi Zoze

you missed a few lines, try this, I think it should work for you

$.getJSON ("content.json",

{function (Data)}

for (var i = 0; i)<=data.length;>

var s = sym.createChildSymbol ('template', 'content');

s.$("title").html (Data [i] .title);

s.$("description").html (Data [i]. Description);

s.$("Seira").html (Data [i]. Seira);

s. $("imageholder") .css ({'background-image': "url ('" + data [i].) "}) (image_+_«_'_»)});

.data s. $("imageholder") ("Great", data [i] .largeimage);

s.. Click$ ("imageholder") ("click", Function {}

sym.getComposition () .getStage (). $("fint e").css({"background-image":"url("+$(this).data('Large')+")"});)

});

}

});

If you had new problem, let me know

Zaxist

Tags: Edge Animate

Similar Questions

  • Nothing appears after clicking on the Bluetooth setting

    Nothing appears after clicking on the Bluetooth setting. I use win 8. It was working GRP

    Hello

    Thank you for your response.

    -Is that the Bluetooth works fine now in Windows 8?

    I suggest to install compatible drivers Windows 8.1 for Bluetooth drivers and chipset from the following link and check if it helps.

    http://h20565.www2.HP.com/portal/site/hpsc/template.page/public/PSI/swdHome?sp4ts.Oid=5359412&AC.admitted=1404004661553.876444892.492883150

    Please update with the State.

  • ListField: menu appears after clicking navigation

    Hello members of the community.

    I have a problem with the menu displayed on the screen with ListField after navigation click event is raised.

    Here is what I do to reproduce this problem:

    -navigation click on the selected entry of the ListField control,

    -a new screen appears,

    -on this new screen, the menu appears which is defined for the screen on which is placed the ListField control.

    The click of the navigation is managed in the following way:

    protected boolean navigationClick (int status, int time)
    {
    Field = this.getFieldWithFocus ();

    If (instanceof ListField field)
    {

    MyAnotherScreen an another = new MyAnotherScreen();

    UiApplication.getUiApplication () .pushScreen (another);

    Returns true;
    }

    Return super.navigationClick (status, time);
    }

    protected boolean navigationUnclick (int status, int time)
    {
    Returns false;
    }

    The ListField is declared as follows:

    lstData = new ListField (0, Field.FIELD_HCENTER);
    lstData.setMargin (2, 2, 2, 2);

    Reminder is set in the more standard way - there is nothing special in it.

    I looked for a something, that allows to consume the click for the ObjectListField as ButtonField.CONSUME_CLICK the fact for ButtonField controls, but... so far without success. That's why I decided to write a post here.

    Thanks in advance for any help!

    I solved the problem.

    It was caused by the fact that the screen, on which the ListField control was not closed. After you have added the line, it works fine now:

    If (instanceof ListField field)
    {

    MyAnotherScreen an another = new MyAnotherScreen();

    UiApplication.getUiApplication () .pushScreen (another);
    This.Close ();
    Returns true;
    }

  • Appear after clicking on all buttons

    OK, I have a relatively easy question for you guys. I have a slide with four persistent buttons on it and I want a link to the next slide is displayed after four buttons user clicked. What confuses me, however, is that I don't know where to put the button "Advance to next page" in the timeline.

    I'm assuing that the problem is that I have all the buttons on break at the same time, but I don't know what would be the alternative.

    I have attached photos of my slides and the timeline below. Any comment that you could give me would be much appreciated. Thank you.

    slide.pngtimeline.png

    Walter OK, then you need really advanced button actions. Noëllet gave some ideas, but it will not work if the user can click several times on each button, Noëllet sorry. I'll try to explain why: in your scenario, the next button also appears if the user has clicked on four times on the same button

    Walter, you must create a user for each button variable, I tagged the v_one, v_two, v_three, v_four. You don't need to give these variables a starting value for all. They will be set to 1, when the first time the button corresponding. You will need a conditional action for each button of the tip, and as precisely reported Noëllet, the button "Next" must be initially invisible.

    Each conditional tip action will do several things, showing the text of the legend and hiding all the other legends of text, set the value of the variable to 1, check the value of all variables user and if they are all = 1 the next button will be made visible. Means the simplest will indeed create a counter so variable v_counter.

    Would use 2 Decisions: first will be a MIME standard, the second action will be a truly conditional action. For the first button, where the Caption text is TC1 it will be:

    First decision: IF 1 = 1 (will always set to true, then the actions will be always performed)

    THEN see the TC1

    Hide the TC2

    Hide the TC3

    Hide the TC4

    Assign the v_one with 1

    Expression v_counter = v_one + v_two

    Expression v_counter = v_counter + v_three

    Expression v_counter = v_counter + v_four need 3 expressions to calculate v_counter

    Assign rdcmndGotoFrame with rdinfoCurrentFrame to rewind the read head

    Second decision IF v_counter = 4

    See the BtNext THEN shows the following button

    OTHERWISE, continue

    Do not try, let me know if it works, the logic is OK

    Lilybiri


  • Add - ons are not load, JS popus not appear after clicking, firebug button appears

    Hello

    I was using Firefox 8, and then today, I noticed this not the js scripts work, the add-on does not display after a click, Firebug button at the top right is missing.

    Thinking that if I switch to 9 it will solve my problems, but it did not. How can I fix this? Am I missing something?

    Follow the suggestions mentioned in the following articles:

    Check and tell if its working.

  • How can you do closed captioning appears after clicking a button?

    Currently, it is one of my screens works.  The Narrator speaks of a video is displayed.  The user clicks on play to see the video.  At the end of the video continue button appears.  When the student clicks on the button continue the Narrator speaks once again, and the course continues.

    The challenge comes in when I'm with captioning.  Given that Captivate is somehow not enough let us create closed captioning for anything other than the slide audio, does anyone know a work around that would allow me to get closed captioning should appear when the user clicks on the button continue?

    Thanks in advance for your help.

    Ahh... I think you are referring to the level of the audio object.  You put the audio maybe on the legend of the success of the button, or the value of the action of the Play Audio button maybe?

    CC text displays only the audio, slide to the objects or the audio level triggered by advanced actions.

    So if you want the text to display on the screen as a result of your action of button you need to achieve by having the text appear in a legend which is illustrated by a tip action.  If your audio is attached to the legend ONE success of the button, just use this legend to display the text in audio.

  • "Submit Canceled" message appears after clicking the email buttons

    On the forms, I was creating, a message 'Cancelled for' window has appeared for users when they click on the e-mail on the form button, although the functionality of the e-mail button works fine and does what it is supposed to do (opens the email to the correct address, subject and text) no problem).

    Anyone know how to get rid of this message 'submit cancelled?  Here is a sample of one of my documents:

    https://Acrobat.com/#d=40jQ4MZutn-BPLswgv37PA

    I use Acrobat 9.3, LS 8.2, and is of MS Outlook 2007 e-mail client.

    Thank you!

    Try this corrected file...

    https://Acrobat.com/#d=NYCyBXSnCrbUHu * 4PC2ApA

    I changed the type of button to the regular control and moved the code to the Click event.

    Thank you

    Srini

  • How to set or keep a background image in my application at the beginning of the application that is, after clicking on the application icon.

    How to set or keep a background image in my application at the beginning of the application that is, after clicking on the application icon.

    I have developed a BB 7.0 BONE HTML5 / web app in which I want to include background image.

    Please guide me.

    Take a loot of rim: loadingScreen on config.xml http://developer.blackberry.com/html5/documentation/rim_loadingscreen_element_834680_11.html

  • Try to reinstall Adobe Design Premium Web.  I have the serial numbers for this product.  Download image appears on my desktop.  Click on the image and 'unrecognized image' help!

    Try to reinstall Adobe Design Premium Web.  I have the serial numbers for this product.  Download image appears on my desktop.  Click on the image and "unrecognized image '.  Why?

    Please try to download Creative Suite 6 applications and start the installation.

    Please let us know if you are unable to install it.

  • Keep the Image of the button after click

    Hello world!

    CS4/AS3 user here...

    Does anyone know how to hold a button image after top? Can you only do this with a clip?

    THX!

    If you mean you want graphics in the buttons down from chassis to stay visible after clicking on the button, which is not possible with a touch of true/simple.  You must use a movieclip button.

  • What should I do if my restore files appear after unpacking and give me a report saying that the restore was successful

    I selected the file that I made using the backup and restore backup, but for some reason any all my old files appear not anywhere on my computer that had to be restored after the video card driver update crashed my computer.

    Does anyone have any ideas where all files have been unzipped in?  Pourriez my old login indeed disappeared, the unpacking process?  Is there anything else I can try to do to restore my files by using the backup file?

    Any help would be greatly appreciated!

    Hi benjamdm,

    Check if the backup files are located on the disc:

    a. you can view the contents of your backup by opening the wizard to restore files.

    b. open backup and restore by clicking Start, clicking Control Panel, clicking system and Maintenance, and then clicking the backup and restore.

    c. to browse the contents of the backup, click Browse for files or click Browse for folders.

    If the backup files are always located so you can restore it using the link below: restore files from a backup:http://windows.microsoft.com/en-US/windows-vista/Restore-files-from-a-backup

    With regard to:

    Samhrutha G S - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.

  • Windows 7 Home Premium switch user screen appears after that so much time has passed well that slowed after the SmileDesktop with screen saver is installed, but do not know how to stop it.

    I used the selective startup to the Office of Smile, which replaces and updates the old Webshots Desktop, which includes the automatic download and auto downloads of images from their site as well as a screen saver.

    There nothing good. rest after so many minutes I connect get back a windows screen does not cause me to lose any data or stop all processes. All running processes continue, but it's the nagging drawback of signing as myself to the computer after having been automatically set user to switch mode. It's probably the fault of this program. In addition, before this Webshots desktop update which included also a screen saver Windows update the eve told me don't not to unplug my computer and that she had to deal with several updates of windows, so I went and the computer stop moments later. The next day was when the message for an update has been waiting for the SmileDesktop program, which is a program that mimics Webshots Desktop, as well as replace the Webshots Desktop. After installed SmileDesktop automatically changed my screen saver settings that were on any mode SmileDesktop screen saver mode. I clicked on the option to disable screen saver. That's when I first noticed the screen splash appearing after that so many minutes of inactivity, change that said user and then I started to worry.
    Norton has found no problem with my computer, and
    Finally, I gave up.

    Hello

    Thanks for asking this question to Microsoft Community.

    If I understand correctly, you want to disable the fast user switching option. Could you please answer a few questions before moving?

    Since when are you facing the issue? Do you have any security program installed on the computer? How many accounts is configured on the computer? Have you done a recent software or changes to the material on the computer?

    Here is an article that will help you to turn off the fast user switching option. Alternatively, you can uninstall Office to smile and check if it helps. You can also make the screen saver password that is built into Windows. Follow these steps:

    (a) open screensaver settings by clicking the Start button, then Control Panel. In the search box, type screen saver, and then uncheck the box for password game screen.

    Hope this information is helpful and let us know if you need more assistance. We will be happy to help.

  • Another issue of image search? Get the Web site reference if my images appear on an image search?

    I would like if all goes well imagine after having included the alt and figurecaption text in my web pages which my images start to appear in the search engine image collections. Usually when a collection of images arise, each image, if we click on it, displays a cluster of images from the same source of Web site or artist and offers a button to discover the site of the source or other works which, when clicked, takes you to a page with all the images shown or thumnailed.
    That everything is done by the search engine to any web page with several relevant images? There are a great number of images on an individual web page with regard to search engines?

    Add an image to Google - Search Help

    How can I get Google to index my site entirely?

    1. Generate a XML sitemap and forwarded to the folder root of your server.
    2. Use your Google Webmaster Tools account to submit the URL of your sitemap to Google.
    3. Wait patiently for 3-4 weeks until fully what Google indexes your website.
    4. Finally, your pages and images, will begin to appear in the SERPs, although probably not at the top.

    Nancy O.

  • Dynamic image appears in the report of BI

    Hello

    I developed a BI letter when I display the logo dynamically. I have the image file stored in a BLOB of table field and then download the image using a procedure. I used the URL in my SQL report and changed the text of replacement on the image, but I still not able to view the image.

    I created a test in oracel.apex application

    PKTEST workspace

    user pktest

    pass 123test

    I checked the old post and is therefore but it does not work.

    Solve the problem.

    There are several cause to the problem.

    to start the process

    PROCEDURE SAMPACC. "" DISPLAY_COMP_LOGO "(number p_refno)

    is

    l_logo blob.

    number of l_length;

    Start

    -You can select one of your own table where you store the image

    Select

    colo_logo, DBMS_LOB. GetLength (colo_logo)

    in l_logo, l_length

    from company_locations where colo_refno = p_colo_refno;

    owa_util.mime_header('image/jpeg',false);

    HTP.p ("' Content-Disposition: attachment; filename =" ' |') Logo ' |' « ') ;

    HTP.p ("Content-length: ' |") l_length);

    owa_util.http_header_close;

    wpg_docload.download_file (l_logo);

    end;

    /

    create a public SYNONYM DISPLAY_COMP_LOGO for . DISPLAY_COMP_LOGO;

    Grant execute on DISPLAY_COMP_LOGO to anonymous, public, APEX_PUBLIC_USER

    then connect to aid the user in the system database, and then set it to the current schema

    for example, Alter session set current_schema APEX_040200

    for apex 4.2

    change the following function to include the name of the procedure you

    APEX_040200.wwv_flow_epg_include_mod_local

    After modification, the function should look like this. If you have a false return after start this comment.

    function wwv_flow_epg_include_mod_local)

    Procedure_name in varchar2)

    return a Boolean value

    is

    Start

    --

    -Administrator note: the procedure_name input parameter can be in the format:

    --

    -procedure

    -schema.procedure

    -package.procedure

    -schema.package.procedure

    --

    -If the input parameter expected is a procedure name, the code IN listing below

    -can be modified to list expected procedure names. Otherwise, you must analyze the

    -parameter procedure_name and replace the simple code below with the code that will evaluate

    -all the cases listed above.

    --

    If upper (procedure_name) in)

    "SCHEMA. DISPLAY_COMP_LOGO') then

    Return TRUE;

    on the other

    return FALSE;.

    end if;

    end wwv_flow_epg_include_mod_local;

    Then, create the sql code

    connect to apex select your application-> shared under query components select report and create a query

    and call the procedure with parameter example

    Select apex_application.get_g_base_href |' #OWNER #. DISPLAY_COMP_LOGO? P_COLO_REFNO =' | COLO_REFNO as company_location COMPLOGO

    create a template and insert an image where you want to display the logo.

    Select the image and right click and select Format on the property dialog box and the image passes to the last tab and enter the following text in the alt text field

    URL: {//COMP_LOGO}

    Save the template and upload in your application, then go to the report query and select the model.

    You can run this in your application. If you test in the report query report then you must change the #OWNER # of your schema name.

    I used my own company site table in the explanation. I created an application in apex.oracle, but it does not work because I can't change the function as

    as well as the public synonym creation. Hope this will help.

  • Delete images of mouse click?

    I don't know what is the technical term, so I had no chance of finding help on the forum. When you save a simulation, Captivate records what happens when the mouse is clicked. The image appears at the end of the slide, showing status after click (for example, a check box selected). The image is separated from the background image. Can it be removed or prevented?

    As you have found, these background images are a bit special, because they in fact an additional hidden component that shows another image. To get rid of these additional data, you must export the background image in a graphics program and save it as a regular PNG, then reimport it in Captivate in a different file.  Replace the current background image with this new file.  That's what I've done in the past.

Maybe you are looking for