Multiple Galleria Photo Galleries on same page

I'm trying to use multiple BC Photo Galleries and Galleria to display a project gallery of images on the same page. Also, I'm a beginer at using Javascript and JQuery, so this might be a fairly simple deal, but my lack of experience is probably getting in the way.
There are multiple sections to this project gallery; landscaping, hardscapes, night lighting, pools, etc. I'd like the user to be able to click on one of the gallery sections and the Photo Gallery switches out to the new selected gallery, so that only one gallery is showing at time, but they stay on the same html page.
I need help with the following:
1. When you first visit the page, I only want the first gallery to show up. Then switch out with the others when you click on the other sections. Is this possible with Galleria, because of the way it computes the measurements of the stage within 5 sec?
2. Not sure how to fix this error: "Init failed: Gallery instance already initialized". I know this is happening because I'm running the init function for each project gallery. Is there a better way to do this?
This is the page where you can see it:
http://greenmeadows.carmediadesign.com/project-gallery.htm
Thanks for any assistance you can give!

Hi
Try using something like this http://jqueryui.com/tabs/ to place each separate gallery in its own div
As for the error, where exactly are you getting that?
Kind Regards,
Alex

Similar Messages

How do I combine text and photos on the same page in iPhoto using photobook

How do I combine text and photos on the same page in iPhoto using photobook?

You mean while creating a book in iPhoto? Click on the layout button while viewing a page and select the layout that includes both text and photos. Most themes will have those options.
OT

How to load multiple HTML5 canvas on the same page (the proper method)

Hi,
I've been struggling to load multiple canvas animations on the same page. At the beggining I thought that exporting the movies with different namespaces and reloading the libraries in a sequential flow might work, but it doesn't. It always loads just the last animation loaded. More info here: Coding challenge: what am I doing wrong?
Here is a sample of what I'm doing:
1st: Publish two flash movies with custom namespaces for "lib" set in the "publish settings": "libFirst" and "libSecond".
2nd: Edit the canvas tags in the HTML page. One called "firstCanvas" and the other one called "secondCanvas"
3rd: Edit the javascript like this:
        <script>
            // change the default namespace for the CreateJS libraries:
            var createjsFirst = createjsFirst||{};
            var createjs = createjsFirst;
        </script>
        <script src="//code.createjs.com/easeljs-0.7.1.min.js"></script>
        <script src="//code.createjs.com/tweenjs-0.5.1.min.js"></script>
        <script src="//code.createjs.com/movieclip-0.7.1.min.js"></script>
        <script src="{{assets}}/js/first.js"></script>
        <script>
            function initFirstAnimation() {
                var canvas, stage, exportRoot;
                canvas = document.getElementById("firstCanvas");
                exportRoot = new libFirst.first();
                stage = new createjsFirst.Stage(canvas);
                stage.addChild(exportRoot);
                stage.update();
                createjsFirst.Ticker.setFPS(libFirst.properties.fps);
                createjsFirst.Ticker.addEventListener("tick", stage);
        </script>
        <script>
            // change the default namespace for the CreateJS libraries:
            var createjsSecond = createjsSecond||{};
            var createjs = createjsSecond;
        </script>
        <script src="//code.createjs.com/easeljs-0.7.1.min.js"></script>
        <script src="//code.createjs.com/tweenjs-0.5.1.min.js"></script>
        <script src="//code.createjs.com/movieclip-0.7.1.min.js"></script>
        <script src="{{assets}}/js/second.js"></script>
        <script>
            function initSecondAnimation() {
                var canvas, stage, exportRoot;
                canvas = document.getElementById("secondCanvas");
                exportRoot = new libSecond.second();
                stage = new createjsSecond.Stage(canvas);
                stage.addChild(exportRoot);
                stage.update();
                createjsSecond.Ticker.setFPS(libSecond.properties.fps);
                createjsSecond.Ticker.addEventListener("tick", stage);
        </script>
<body onload="initFirstAnimation(); initSecondAnimation();">
Could someone please reply with the best practice on how to do this? If possible, without the need to reload all the libraries...
If I only need to show one flash movie at a time, would it be more efficient to cut & paste the canvas tag using jQuery in the DOM and reloading a different lib on it?
Many thanks!
#flash #reborn

I was able to fix it. At the end, it was easier than I thought. Just have to publish using a different "lib" namespace for each movie, load all the scripts at the end of the <body> and then add the following to the onload or ready events:
$(document).ready(function () {
        var canvas, stage, exportRoot;
        // First movie
        canvas = document.getElementById("firstCanvas");
        exportRoot = new libFirst.first();
        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();
        createjs.Ticker.setFPS(libFirst.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);
        // Second movie
        canvas = document.getElementById("secondCanvas");
        exportRoot = new libSecond.second();
        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();
        createjs.Ticker.setFPS(libSecond.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);
        // Third movie
        canvas = dument.getElementById("thirdCanvas");
        exportRoot = new libThird.third();
        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();
        createjs.Ticker.setFPS(libThird.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);

Can't print more than one photo on the same page

Is there a lay-out option so I can print four 3X5 photos on the same page? iOS 10.9.3

Yes. In the Print window select the Custom layout and in the print size select Custom, 3 x 5. That will give you this:
It it doesn't show a fit the first time toggle the reverse button that't to the right of 3 in the screenshot. That should get it to snap to four per page.
OT

How Do I Sort a Group of Photos on the Same Page with the same Keyword Tag?

I want to group similar photos on the same page with the same keyword tag. I have tried dragging and dropping without any success. Can anyone help?

Create an album, then search using a keyword. Select all the photos produced by the search and drag them into the album.
You can drag photos into any order in Albums and they remain in your chosen order.

Can't print TWO 5 x 7 photos on the same page!

I recently updated from Photoshop Elements 7 to Photoshop Elements 10 and now I cannot print TWO 5x7 photo's on the same page, letter size photo paper! I've never had this problem before! Does anyone know how to fix this? I have tried everything! Thanks Julie

Hatstead, I've already tried that and two 5 x 7's will not show up on the preview screen! I'm pretty familiar with all the printing preferences and have tried every concievable option to try and print two 5 x 7's to the same page. I can go back to my version 7 Photoshop Elements ( havent uninstalled it yet) and print two 5 x 7 photos to the same page with no problem! I'm really beginning to believe that version 10 does not support printing more than one photo to a page even when you want to print say a bunch of 2 x 3's to the same page. Even when i try to print one of the picture packages it will only print one pic to a page at a time!!!! Something can't be right! I only print two 5 x7's to a page 95% of the time, so this is a HUGH problem for me! Thanks for any help you can give me.

When I print multiple photos on the same page, the prints come out different.

I have printed several copies of the same photo, 2 to a page. The 2 copies are different. One seems to be before adjustment and one after, so the exposure appears different. My printer is a Canon pro9000. Can anyone tell me what I am doing wrong?
Thanks!

If you print the photo (2 to a page) twice separately, i.e. not 2 copies of the same setup in iPhoto, are they different?
Try this: in the Print menu use the PDF button and select the Save as PDF option. Then open the file in Preview and print the 2 copies. Do they look the same? If not then the problem may lie with the printer not maintaining the same settings from one print to the the next.
OT

Render multiple panel groups programatically on same page

i have a page with multiple command buttons. each button is to be 'associated' with a panel form displaying data on the same page. when i click button 1 i want its associated panel form to render, when click button 2 i want panel form associated with button 2 to render, and form for button 1 to disappear, etc. so when i click the button i want its associated panel from to render and all othere to disappear.
as I am new to jdeveloper it would be very helpful to have **some examples of code** and the individual steps to perform which implements such a system
thank you so much

If bean is not created as told by Puthanampatti, add an instance variable of component type(For panelformlayout add an instance variable of RichPanelFormLayout) and getter and setter methods for it in bean and add this to the binding property of the component, so that the component can be accessed by the instance variable.
Sample Code:
    
   <af:panelFormLayout id="test1" binding="#{Bean.test1} ..>
   </af:panelFormLayout>
   //Inside Bean
   RichPanelFormLayout test1;
   //Add getter and methods for test1
{code}
Sireesha

Multiple transactions control in the same page

I am using the Jdev11g 11.1.1.4 and ADF BC,
I am quite new for Jdev11g, My question is I have a page, there are a af: form region and two af:table regions inside the same page.
the 'master' is in af:form and two its 'details' are in either af:table.
I want the user can commit the editing of af:form without affecting the af:tables, and also, for each af:table, user can 'edit', 'add', 'delete' and commit it without affecting the af:form and the other af:table.
I know I can use the 'bound task flow' and build three regions to do so, but i have no experience about this, can you expert give me some idea or some sample link? Thanks!
Edited by: xsyang on Jun 2, 2011 12:56 AM

Hi,
there are two good videos from Frank N.
[url http://blogs.oracle.com/jdeveloperpm/entry/everything_you_wanted_to_know] Everything you wanted to know about ADF Task Flows .
"Taskflow-Transaction" and "shared data controls with calling task flow" vs. "isolated data controls.." are the topics on which you should look.
Martin

Multiples Calendar components in the same page

Hi all,
I need to develop a call center module in oracle adf where the users needs to view and manage different patient rooms in the same page but I need some ideas about it. So, Here my questions:
How to reuse a DataView control with different calendars and filters? or What do you recommend to develop an effcient logic to manage the calendar data?
Is posible to create dinamically calendar components to show more rooms to my users?
Cordially,
Jhon Carrillo
jdeveloper 11.1.2.2
weblogic 10.3.5
Oracle 11g r2

Hi all,
I need to develop a call center module in oracle adf where the users needs to view and manage different patient rooms in the same page but I need some ideas about it. So, Here my questions:
How to reuse a DataView control with different calendars and filters? or What do you recommend to develop an effcient logic to manage the calendar data?
Is posible to create dinamically calendar components to show more rooms to my users?
Cordially,
Jhon Carrillo
jdeveloper 11.1.2.2
weblogic 10.3.5
Oracle 11g r2

Multiple click boxes in the same page

I'm trying to include 4 click boxes in the same page in Captivate 5. The idea is when user clicks on each box, the content reveals and stays on the screen. The first click box works fine. But when click the second box, the content shows only for less than a second and then quickly moves to the next screen, and of course, there is no chance to even get to the 3rd and the 4th one. Can anyone help me? Thanks!

Hi Lilybiri,
Does this mean that the user has to click the click boxes in the order that you stagger the pauses? For example, if I'm showing a picture and instructing the user to click on any area to get more information, they could really click on any area first - however will that click box pop up if that click area was not the "first" pause in my timeline?
Also, how do I get the "success" caption text to stay on the page? I don't want it to fade so that the user can see all of the info. once they've clicked each box. I've checked to make sure that the "fade out" option is off, and I'm assuming I can't have the click boxes "display for the rest of the slide" since that would ruin the pause increments.
Thanks!
Chantelle

Multiple (updatable) details in the same page.

Hello,
I tried to put two updatable details in the same page and got the error
"Updatable SQL Query already exists on page 11. You can only add one updatable SQL query per page. Select a different page"
So having more than one updatable detail is not allowed in apex ?
I have a master table with three details. Should I create one page for each one of them ?
Thanks in advance
Bye
Nicola

What you want to use are called collections. Here is a simple collection example:
The process goes in 4 steps: gather the data, display the data, update based on user input, then write the changes. Each step requires it's own piece of code, but you can extend this out as far as you want. I have a complex form that has no less than a master table and 4 children I write to based on user input, so this can get as complex as you need. Let me know if anything doesn't make sense.
First, create the basic dataset you are going to work with. This usually includes existing data + empty rows for input. Create a Procedure that fires BEFORE HEADER or AFTER HEADER but definitely BEFORE the first region.
DECLARE
v_id     NUMBER;
var1     NUMBER;
var2     NUMBER;
var3     VARCHAR2(10);
var4     VARCHAR2(8);
cursor c_prepop is
select KEY, col1, col2, col3, to_char(col4,'MMDDYYYY')
    from table1
    where ...;
i         NUMBER;
cntr      NUMBER := 5; --sets the number of blank rows
BEGIN
OPEN c_prepop;
    LOOP
      FETCH c_prepop into v_id, var1, var2, var3, var4;
      EXIT WHEN c_prepop%NOTFOUND;
        APEX_COLLECTION.ADD_MEMBER(
        p_collection_name => 'MY_COLLECTION',
        p_c001 => v_id, --Primary Key
        p_c002 => var1, --Number placeholder
        p_c003 => var2, --Number placeholder
        p_c004 => var3, --text placeholder
        p_c005 => var4 --Date placeholder
    END LOOP;
CLOSE c_prepop;
for i in 1..cntr loop
    APEX_COLLECTION.ADD_MEMBER(
        p_collection_name => 'MY_COLLECTION',
        p_c001 => 0, --designates this as a new record
        p_c002 => 0, --Number placeholder
        p_c003 => 0, --Number placeholder
        p_c004 => NULL, --text placeholder
        p_c005 => to_char(SYSDATE,'MMDDYYYY') --Date placeholder
end loop;
END;Now I have a collection populated with rows I can use. In this example I have 2 NUMBERS, a TEXT value, and a DATE value stored as text. Collections can't store DATE datatypes, so you have to cast it to text and play with it that way. The reason is because the user is going to see and manipulate text - not a DATE datatype. If you are using this as part of a master/detail form, make sure that your SQL to grab the detail is limited to just the related data.
Now build the form/report region so your users can see/manipulate the data. Here is a sample query:
SELECT rownum, apex_item.hidden(1, c001), --Key ID
     apex_item.text(2, c002, 8, 8) VALUE1,
     apex_item.text(3, c003, 3, 3) VALUE2,
     apex_item.text(4, c004, 8, 8) VALUE3,
     apex_item.date_popup(5, null,c005,'MMDDYYYY',10,10) MY_DATE
FROM APEX_COLLECTIONS
WHERE COLLECTION_NAME = 'MY_COLLECTION'This will be a report just like an SQL report - you're just pulling the data from the collection. You can still apply the nice formatting, naming, sorting, etc. of a standard report. In the report the user will have 3 "text" values and one Date with Date Picker. You can change the format, just make sure to change it in all four procedures.
What is critical to note here are the numbers that come right before the column names. These numbers become identifiers in the array used to capture the data. What APEX does is creates an array of up to 50 items it designates as F01-F50. The F is static, but the number following it corresponds to the number in your report declaration above, ie, F01 will contain the primary key value, F02 will contain the first numeric value, etc. While not strictly necessary, it is good practice to assign these values so you don't have to guess.
One more note: I try to align the c00x values from the columns in the collection with the F0X values in the array to keep myself straight, but they are separate values that do NOT have to match. If you have an application you think might get expanded on, you can leave gaps wherever you want. Keep in mind, however, that you only have 50 array columns to use for data input. That's the limit of the F0X array even though a collection may have up to 1000 values.
Now you need a way to capture user input. I like to create this as a BEFORE COMPUTATIONS/VALIDATIONS procedure that way the user can see what they changed (even if it is wrong). Use the Validations to catch mistakes.
declare
j pls_integer := 0;
begin
for j1 in (
select seq_id from apex_collections
where collection_name = 'MY_COLLECTION'
order by seq_id) loop
j := j+1;
--VAL1 (number)
apex_collection.update_member_attribute (p_collection_name=> 'MY_COLLECTION',
      p_seq=> j1.seq_id,p_attr_number =>2,p_attr_value=>wwv_flow.g_f02(j));
--VAL2 (number)
apex_collection.update_member_attribute (p_collection_name=> 'MY_COLLECTION',
      p_seq=> j1.seq_id,p_attr_number =>3,p_attr_value=>wwv_flow.g_f03(j));
--VAL3 (text)
apex_collection.update_member_attribute (p_collection_name=> 'MY_COLLECTION',
      p_seq=> j1.seq_id,p_attr_number =>4,p_attr_value=>wwv_flow.g_f04(j));
--VAL4 (Date)
apex_collection.update_member_attribute (p_collection_name=> 'MY_COLLECTION',
      p_seq=> j1.seq_id,p_attr_number =>5,p_attr_value=>wwv_flow.g_f05(j));
end loop;
end;Clear as mud? Walk through it slowly. The syntax tells APEX which Collection (p_collection_name), then which row (p_seq), then which column/attribute (p_attr_number) to update with which value (wwv_flow.g_f0X(j)). The attribute number is the column number from the collection without the "c" in front (ie c004 in the collection = attribute 4).
The last one is your procedure to write the changes to the Database. This one should be a procedure that fires AFTER COMPUTATIONS AND VALIDATIONS. It uses that hidden KEY value to determine whether the row exists and needs to be updated, or new and needs to be inserted.
declare
begin
--Get records from Collection
for y in (select TO_NUMBER(c001) x_key, TO_NUMBER(c002) x_1,
             TO_NUMBER(c003) x_2,
             c004 x_3,
             TO_DATE(c005,'MMDDYYYY') x_dt
           FROM APEX_COLLECTIONS
           WHERE COLLECTION_NAME = 'MY_COLLECTION') loop
    if y.x_key = 0 then --New record
        insert into MY_TABLE (KEY_ID, COL1,
            COL2, COL3, COL4, COL5)
          values (SEQ_MY_TABLE.nextval, y.x_1,
              y.x_2, y.x_3, y.x_4, y.x_dt);
    elsif y.x_key > 0 then --Existing record
        update MY_TABLE set COL1=y.x_1, COL2=y.x_2,
             COL3=y.x_3, COL4=y.x_4, COL5=y.x_dt
         where KEY_ID = y.x_key;
    else
      --THROW ERROR CONDITION
    end if;
end loop;
end;Now I usually include something to distinguish the empty new rows from the full new rows, but for simplicity I'm not including it here.
Anyway, this works very well and allows me complete control over what I display on the screen and where all the data goes. I suggest using the APEX forms where you can, but for complex situations, this works nicely. Let me know if you need further clarifications.

Multiple details table on the same page

Newbi to APEX. Can I have muliple details table for update/insert in tabular format on the same page with the same master? Thanks!

In the meantime, I can answer to your questions:
· Why does JHeadstart not make use of the UIX-Struts integration (see Chapter 15 of the UIX developers Guide)?This has been done to allow the same page to be run both with Struts and MVC Framework, without needing to change the page. Using the UIX-Struts integration would have made the pages 'controller aware'.
· How do you specify which columns/attributes in a Table Layout are sortable?As far as generation is concerned, you can only specify the whole table to be sortable. In case of UIX you can post-gen modify the <sortableHeader> tag of each column separately. In case of JSP you can remove the <a href> tag for each column that you do not want to sort on.
Jan Kettenis
JHeadstart Team

Playing Multiple Video Clips on the Same page

Hi Folks,
Let's try this again. If I set up a page with a single flv
playing off our Flash Media Server 2, everything works just fine.
If I create a page with several flv files on it, some of them load
and then I get nailed with Certificate Alerts. All of the videos
are coming from the same server, same designation and work fine -
just not when there are several of them on the same page.
Thoughts and comments are most welcomed
Thanks - Greg

Certificate alerts, as in SSL certs? I'm wondering if you
have some sort of connection shotgun that's causing some of the
connections to try an rtmps or rtmpts connection. If you have a lot
of connections trying at once and something botttlenecks, that
might be the result.
It would be helpful if you provide some more details,
including the text of the alret and the code you're using to
connect to FMS.
Incidentally, does your application absolutely require that
you have separate swf's making connections to FMS? It would be a
shame to waste all of those connections if there is any practical
way around it.

How can I print multiple photos on the same page from iPhoto?

I want to print multiple pictures on one paper. How can I do that from iPhoto? If I select multiple photos they are printed on separate pages.

Select the photos and click print - select the printer, paper size and print size (be sure that they will physically fit on the paper) and click customize - on the resulting page click on the settings icon - the gear looking thingy at the bottom - and in the selection window set print multiple photos on a page - the preview should reflect this change - and click print again to continue
LN

Multiple Galleria Photo Galleries on same page

Similar Messages

Maybe you are looking for