Multiple animations on one page scale incorrectly

Tried to find an answer but I can only see that having multiple edge animations on one page is troublesome so far. However I've managed to get them working but there's one problem with scaling it responsively:
http://aspekt-management.ru/test/
The idea is having two tabs and in each there's an animation so once I press a button - corresponding tab with animation inside is shown and another one becomes hidden.
But in 2014.1 version second animation always looks small till I resize browser viewport! After resizing browser width even by 1px - animation fits to the frame nicely. But then it breaks the first animation so once I get back to it - it behaves in a similar broken way.
How can I make them both actually fit to their parent divs once loaded?
What makes animations appear in such a size, I'm not sure I've specified anything like this in animations or site css.
This is what I've copied from EA export code to my html:
<script>AdobeEdge.loadComposition('main_process', 'main_process', {
    scaleToFit: "width",
    centerStage: "horizontal",
    bScaleToParent:true,
    minW: "0",
    maxW: "undefined",
    width: "940px",
    height: "260",
}, {"style":{"${symbolSelector}":{"isStage":"true","rect":["undefined","undefined","940px"," 260px"],"fill":["rgba(255,255,255,1)"]}},"dom":[{"rect":["410","70","120px","120px","auto" ,"auto"],"id":"preloader42","fill":["rgba(0,0,0,0)","images/preloader42.gif","0px","0px"], "type":"image","tag":"img"}]}, {"style":{"${symbolSelector}":{"isStage":"true","rect":["undefined","undefined","940px"," 260px"],"fill":["rgba(255,255,255,1)"]}},"dom":[{"rect":["0px","0px","940px","260px","auto ","auto"],"id":"home_process_stat","fill":["rgba(0,0,0,0)","images/home_process_stat.png", "0px","0px"],"type":"image","tag":"img"}]});
   AdobeEdge.loadComposition('main_master', 'main_master', {
    scaleToFit: "width",
    centerStage: "horizontal",
    bScaleToParent:true,
    minW: "0",
    maxW: "undefined",
    width: "940px",
    height: "260"
}, {"dom":[{"rect":["410px","70px","120px","120px","auto","auto"],"id":"preloader42","fill": ["rgba(0,0,0,0)","images/preloader42.gif","0px","0px"],"type":"image","tag":"img"}]}, {"dom":[{"rect":["0px","0px","940px","260px","auto","auto"],"id":"main_master_stat","fill ":["rgba(0,0,0,0)","images/main_master_stat.png","0px","0px"],"type":"image","tag":"img"}] });
     AdobeEdge.bootstrapCallback(function(compId) {
console.log("Composition loaded...", compId);
Ironically, I havent had such a problem before, current website with older animations works correctly:
Aspekt

After some more research, my problem is slightly different from the original post. I'm using setTimeout to stagger the load times of multiple compositions. I'm using bScaleToParent: true to resize the individual compositions within their divs. HOWEVER, if a div's display is hidden when the edge comp is loaded, the composition defaults to the minWidth as set in Edge Animate, and only resizes when the viewport is resized.
I'm working around this by setting the opacity of the hidden divs to 0 instead of the display to none.... but it is NOT ideal.

Similar Messages

Two oam animations in one page not displaying?

I have tested each one solo and they work great but if I import them both they stop showing ? What can I do to fix this....
<!doctype html>



 <html class="">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PRISMA CREATIVE COMMUNICATIONS</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/fluid.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">


<script src="js/respond.min.js"></script>

<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/quicksand:n3,n4:default.js" type="text/javascript"></script>

<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<script>
var custHtmlRoot="edgeanimate_assets/navTablet/Assets/";
var script = document.createElement('script');
script.type= "text/javascript";
script.src = custHtmlRoot+"edge_includes/edge.5.0.1.min.js";
var head = document.getElementsByTagName('head')[0], done=false;
script.onload = script.onreadystatechange = function(){
if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
done=true;
var opts ={
    scaleToFit: "width",
    centerStage: "none",
    minW: "0px",
    maxW: "undefined",
    width: "699px",
    height: "125px",
bScaleToParent: "true"
opts.htmlRoot =custHtmlRoot;
AdobeEdge.loadComposition('navTablet', 'navTablet', opts,
{"dom":{}}, {"dom":{}});
script.onload = script.onreadystatechange = null;
head.removeChild(script);
head.appendChild(script);
</script>
<style>
        .edgeLoad-navTablet { visibility:hidden; }
    </style>


<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<script>
var custHtmlRoot="edgeanimate_assets/navHeaderScreen/Assets/";
var script = document.createElement('script');
script.type= "text/javascript";
script.src = custHtmlRoot+"edge_includes/edge.5.0.1.min.js";
var head = document.getElementsByTagName('head')[0], done=false;
script.onload = script.onreadystatechange = function(){
if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
done=true;
var opts ={
    scaleToFit: "width",
    centerStage: "none",
    minW: "0px",
    maxW: "undefined",
    width: "1232px",
    height: "85px"
opts.htmlRoot =custHtmlRoot;
AdobeEdge.loadComposition('navHeaderScreen', 'navHeaderScreen', opts,
{"dom":{}}, {"dom":{}});
script.onload = script.onreadystatechange = null;
head.removeChild(script);
head.appendChild(script);
</script>
<style>
        .edgeLoad-navHeaderScreen { visibility:hidden; }
    </style>

</head>
<body>
<div class="gridContainer clearfix">
    <div id="navScreen" class="fluid ">
      <div id="Stage2" class="navHeaderScreen"></div>
    </div>
    <div id="navMobile" class="fluid"><div id="logo"><img src="images/logo-prisma.gif" alt=""/></div>
    <div id="tagLine">CREATIVE COMMUNICATIONS</div><img src="images/collaborate-mobil.jpg" alt=""/><img src="images/create-mobil.jpg" alt=""/><img src="images/communicate-mobil.jpg" alt=""/><img src="images/inspire-mobil.jpg" alt=""/></div>
    <div id="navTablet" class="fluid ">
    <div id="logo"><img src="images/logo-prisma.gif" alt=""/></div>
    <div id="tagLine">CREATIVE COMMUNICATIONS</div>
    <div id="Stage" class="navTablet"></div>
    </div>
   <div id="mobilBanner" class="fluid "><img src="images/mobil-banner.jpg" alt=""/></div><div id="bannerCommunicate" class="fluid clearfix"><img src="images/BC.jpg" alt=""/></div>
<div id="messageBar" class="fluid blueBkg">LET THE FUN BEGIN > COMMUNICATE WITH THE UNIVERSE</div>
     <div id="mainLeft" class="fluid darkblue mainContent">Having defined and developed your strategy, visuals and content, you are ready to display and project your message and start creating brand recognition. a full spectrum of your message across communication channels.
</p>
<p>Prisma’s broad expertise in multi-platform production, coupled with a custom tailored plan, ensures that delivery is consistent, clear and on target.</p>
<p>PRISMA offers a variety of services to support your brand, including quote and sourcing research, print management and cross browser compatibility assurance. These tools when combined with the tracking and measurement of key pieces of research data, ensure that your communications are continually honed and received, maximizing bot their effect and your return on investment. </p>
     </div>
     <div id="mainRight" class="fluid darkblue ">
       <p class=" blueBarTitles">ON PAPER</p>
       <div id="leftColProd" class="fluid darkblue clearfix"><ul class="listProducts ">
         <li><strong>BUSINESS NEEDS</strong></li>
         <li>Business Cards</li>
<li>Stationary</li>
<li>Stickers</li>
<li>Postcards</li>
<li>Invite</li>
<li>Menus</li></ul>
<ul class="listProducts">
   <li><strong>EDITORIAL </strong></li>
   <li>Brochure</li>
<li>Magazines</li>
<li>Catalog</li>
<li>Book Covers & Layout</li>
</ul>
</div>
     <div id="rightColProd" class="fluid clearfix">
      <ul class="listProducts">
   <li><strong>ENVIRONMENTAL</strong></li>
   <li>Signage </li>
<li>Banners</li>
<li>Wayfinding</li>
<li>Trucks</li></ul>
     <ul class="listProducts">
       <li><strong>PRESENTATIONS</strong></li>
       <li><strong>EVENT PROMOTION</strong></li>
       <li><strong>ADVERTSING</strong></li>
       <li><strong>EXHIBITION DESIGN</strong></li>
     </ul>
</div>
     <p class="clearfix"></p>
     <p class="blueBarTitles">ON SCREEN</p>
     <div id="leftColProd" class="fluid clearfix">
     <ul class="listProducts">
       <li><strong>INTERFACE DESIGN</strong></li>
       <li>Websites</li>
       <li>Applications</li>
       <li>Blogs</li>
       <li>Power Point Presentations</li>
       </ul>
        <ul class="listProducts">
        </li>
          <li><strong>BLOG DEVELOPMENT</strong></li>
        </ul>
     </div>
     <div id="rightColProd" class="fluid clearfix"> <ul class="listProducts">
       <li><strong>ONLINE MARKETING</strong></li>
       <li>Email Campaigns</li>
       <li>Landing Pages</li>
       <li>SEO</li>
       <li>Social Media Design & Integration</li>
     </ul>
     </div>
     </div>
<div id="bottomBox" class="fluid greenBkg"><img src="images/greenBox.gif" alt=""/></div>
<div id="bottomBoxTwo" class="fluid yellowBkg"><img src="images/pintrest/create.jpg" class="centerImage"alt=""/></div>
<div id="bottomBoxThree" class="fluid darkblueBkg">
<div id="mc_embed_signup">
<form action="//prismacreativecommunications.us10.list-manage.com/subscribe/post?u=b2324e3ea54f 16fab74603913&id=aa94acd787" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>    
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_b2324e3ea54f16fab74603913_aa94acd787" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="SUBSCRIBE" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>
</div>
<div id="bottomBoxFour" class="fluid ">bbb</div>
     <div id="homeFooter" class="fluid gradient ">
     <p class="hmpgFooterCopy">
561 906 2583<br>
[email protected]<br>West Palm Beach, Florida</p></div>
</div>
</body>
</html>

Hi Stephan,
this solved placing both animation on one page. Make sure all your fonts are called out in the <head> section like for example:
<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/quicksand:n3,n4:default.js" type="text/javascript"></script>
Dreamweaver does this automatic for you. If you are having a font conflict I recommend under command (if you are using dreamweaver)
Clean up the font Tag and add only the ones that you are using again, sometimes they accumulate.
Good Luck.

I need an idea how to place multiple videos on one page

Multiple videos on one page in Muse neded for a video portfolio..
Anyone got a great idea how this can be done please. (or direct me to a tutorial link - doing one is all I can find)
I am happy with either embedded or Menu linked on objects to videos.
Youtube is hosting the videos
I just cant find any way to put hyperlinks or urls in objects and I can not find a way to make small video players in Muse.
If I scale the container ..things go very weird. eg the video goes tiny and into a corner.
I feel like I am working with half a tool box!!!
I cant even find a template where this has been done.
Any help is appreciated. Thanx.

That works perfectly thank you.
Now I am wondering if I can have a single "viewer" that will play any selected video from a button , a menu or other trigger?
Info for others if required. : The You tube ID required in the widget setting is not the URL. Its an alpha/numeric obtained from part of the YT embedding code.
example - the bold underlined section
<iframe width="720" height="405" src="//www.youtube.com/embed/w6ZcCOCihuY" frameborder="0" allowfullscreen></iframe>

Add to Multiple Tables from One Page

Hello,
I am building an application that handles hardware inventory (APEX 4.0). I have an input page that adds data to two or more tables all at once. The page has two forms on it that point to two separate tables. However when I try to run the page, it fails and returns an error:
ORA-06550: line 1, column 437: PL/SQL: ORA-00904: "ORH_LAST_UPDATE_DATE": invalid identifier ORA-06550: line 1, column 7: PL/SQL: SQL Statement ignored
     Error      Unable to process row of table IDD_ID_DATA.
So far as i can see within the App, that column is not at issue (I am not even doing anything to it and it is nullable). I have looked into the App itself as well as doing some online research but have found nothing helpful...
So my question is this: Is it possible to add to multiple tables from one page? If so how do I do it?
I am new to APEX so any help would be greatly appreciated!

UPDATE:
I received an email from the APEX Support Team:
"The simple answer is that you will need to manually code the DML (and query) processes if you wish to maintain multiple tables from one page (There is a limit of one table when using the built-in processes).
In order to do this I suggest you delete the processes generated by the wizards and create PL/SQL processes with insert, update, delete statements as necessary. Such coding is not difficult but is more time consuming than when you can use built-in processes."
I have been playing around with PL/SQL code and the end result is this:
begin
     INSERT INTO table1
     VALUES(
          :P2_Item_Field1,
          :P2_Item_Field2);
     INSERT INTO table2
     VALUES(
          :P2_Item_Field1,
          :P2_Item_Field2);
end;
I used this code in a custom PL/SQL Process in the Processing>Processes section of Page Processing and it seems to work fine now. The only downside to this method is if the name of a Page Item is changed the code will also have to be changed. Other than that i have had no problems.

Printing multiple photos onto one page

Sorry, fairly new to PSE9!
Have a group of photos I need to print to actual size (3cm x 4cm) to go into a photo frame. They are all cropped and ready to go but there doesn't seem to be an option to print multiple images onto one page at a custom size? A contact sheet only gives me the option for the number of columns and picture package doesn't give any such option either as far as I can see! I'm sure I must be missing something here!
Any help much appreciated! Don't want to waste photo paper printing each small photo individually!

http://www.elementsvillage.com/forums/showthread.php?p=206785#post206785
Post #6 in this thread provides standard directions.

Update multiple records on one page php/mysql

Hi folks,
I am trying to adapt a page to offer the option to update multiple records on one page.
The intention is to edit FAQ categories which are contained in a table with just two fields - the category and an id.
The page lists each categories in a form with a submit button which is then repeated for each record in the recordset.
Unfortunately my plan didn't work and only the first record updates as intended.
Can anyone suggest how I can make it work?
Here's the code I have so far.
************** The Update Code *****************
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
if (!isset($mm_abort_edit) || !$mm_abort_edit) {
if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] == "form1")) {
$updateSQL = sprintf("UPDATE faq_categories SET category=%s WHERE id=%s",
                       GetSQLValueString($_POST['category'], "text"),
                       GetSQLValueString($_POST['id'], "int"));
mysql_select_db($database_con_mysite, $con_mysite);
$Result1 = mysql_query($updateSQL, $con_mysite) or die(mysql_error());
$updateGoTo = "faq-category-edit.php
if (isset($_SERVER['QUERY_STRING'])) {
    $updateGoTo .= (strpos($updateGoTo, '?')) ? "&" : "?";
    $updateGoTo .= $_SERVER['QUERY_STRING'];
header(sprintf("Location: %s", $updateGoTo));
************** Update Code Ends *****************
************** The Form *****************
<form name="frm_editcategory" id="frm_editcategory" method="POST" action="<?php echo $editFormAction; ?>">
<?php do { ?>
<fieldset>
          <input name="id" type="hidden" value="<?php echo $row_rs_faqcategory['id']; ?>" />
          <input name="category" type="text" class="formrightcolumn" value="<?php echo $row_rs_faqcategory['category']; ?>" />
          <input name="save" type="submit" class="submitbutton" id="save" value="save" />
</fieldset>
          <input type="hidden" name="MM_update" value="form1" />
   <?php } while ($row_rs_faqcategory = mysql_fetch_assoc($rs_faqcategory)); ?>
</form>
************** The Form Ends *****************
Cheers
Dave

What does debugging tell you? What's the value of each of the variables? Did you try using regular echo statements to monitor what's going on? That's what I always do whenever I am stuck in my PHP coding.

Multiple iframes on One Page Trigger One from Another

So I am creating multiple animations on a single page. The page is a PHP page and was built long ago. I am just replacing some images with Edge Animate animations.
I want to do them in a sequence. So I was wondering if there was a way in the time line of one, to trigger the start of another? Each is going to be in an individual iframe. Which I know compounds the issue.
I thought of just putting some lead seconds in each of the animations so they sort of pause, but that would assume all of them load at the exact same time to keep the timing.
Any help would be appreciated.

Due to browser security, I don't think it would be possible to have one iframe talk to another in the way you want.
Is there a reason you are using iframes instead of DIVs?
I created a simple demo of what I think you want to do here, but just using DIVs: http://thetraininggrounds.com/An-test/end-trigger-second-an/combined_an.html
What I did was start with two compositions. In the second one, at 0ms, I set a trigger of sym.stop(); to ensure this would not play until I told it to.
In the first one, I set the complete event (i.e. when it's done playing) to start the second composition. I used the code: Edge.getComposition("EDGE-253701960").getStage().play();
You will, of course, need to substitute the actual composition ID for the one I included in getComposition.
Then it was simply a matter of including the preload .js file for both and the stage divs for both into the same page.
There is definitely more you can do, and I suggest checking out the API documentation for more info: http://www.adobe.com/devnet-docs/edgeanimate/api/current/index.html
I hope this helps.

Multiple Slideshows On One Page

Hi, I'm wanting to have a dynamic region which consists of 4
images with fixed sizes. I then want each of these images to run
through a dataset of image paths fading between each image at a set
interval (Much like the Spry Photo Gallery Slideshow does).
I've edited the photogallery down to just the fixed size
image fading between the dataset (e.g. I removed the thumbnails and
controls etc so that it is automatic and continuous).
Unfortunatelly my JavaScript skills are limited and I was
wondering what would be involved to edit the script further to
allow me to have 4 of these slideshows on one page instead of just
the one 'mainImage'.
Thanks for any help.

I'm not entirely sure how you mean to achieve this via css?
here's my current code. With this I can generate multiple
slideshows (currently using the same dataset) however only the
first one seems to acknowledge the defined fixed image sizes, the
rest display the original image dimensions within the container
sized to the defined dimensions. How come the images don't resize
for both? I'm calling the same function. Any help much appreciated
thanks.
// My Xml
<features>
<set id="1">
<cover id="0" path="pics/to/image1.jpg" alt="image
description" />
<cover id="2" path="pics/to/image2.jpg" alt="image
description" />
</set>
<set id="2">
<cover id="0" path="pics/to/image3.jpg" alt="image
description" />
<cover id="2" path="pics/to/image4.jpg" alt="image
description" />
</set>
</features>
// My Index.php
<!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"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
<title>Gallery</title>
<link href="../css/screen.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript"
src="../../includes/xpath.js"></script>
<script type="text/javascript"
src="../../includes/SpryData.js"></script>
<script type="text/javascript"
src="../../includes/SpryEffects.js"></script>
<script type="text/javascript">
var dsFeatures = new
Spry.Data.XMLDataSet("../../../../../xml/xml_Features.php",
"features/set/cover");
</script>
<script src="gallery.js"
type="text/javascript"></script>
</head>
<body id="gallery">
<div id="wrap">
<div id="previews" style="display: none;">
<div id="thumbnails" spry:region="dsFeatures">
<div spry:repeat="dsFeatures"> <img id="{id}"
alt="{@alt}" src="../../../../../{@path}" width="24" height="24"
style="left: 0px; right: 0px;" /> </div>
<p class="ClearAll"></p>
</div>
</div>
<div id="picture">
<div id="mainImageOutline" style="width: 0px; height:
0px;">
<img id="mainImage" alt="Click to view product details"
onmouseover="if (gSlideShowOn) StopSlideShow();" onmouseout="if
(!gSlideShowOn) StartSlideShow();" />
</div>
<div id="mainImageOutline" style="width: 0px; height:
0px;">
<img id="mainImage2" alt="Click to view product details"
onmouseover="if (gSlideShowOn) StopSlideShow();" onmouseout="if
(!gSlideShowOn) StartSlideShow();" />
</div>
</div>
<p class="clear"></p>
</div>
</body>
</html>
// gallery.js
// Global variables:
var gThumbWidth;
if (gThumbWidth == undefined)
gThumbWidth = 24;
var gThumbHeight;
if (gThumbHeight == undefined)
gThumbHeight = 24;
var gSlideShowInterval;
if (gSlideShowInterval == undefined)
gSlideShowInterval = 3000; // msecs between images.
var gAutoStartSlideShow;
if (gAutoStartSlideShow == undefined)
gAutoStartSlideShow = true;
var gBehaviorsArray = [];
var gSlideShowOn = false;
var gSlideShowTimer = null;
var gImageLoader = null;
// Register a callback on the dsFeatures data set so we can
turn
// off the slide show before it attempts to load new data.
dsFeatures.addObserver(function(nType, notifier, data) {
if (nType == "onPreLoad")
StopSlideShow();
// Register a callback on the thumbnails region so we can
show the first
// image in the data set after all the thumbnails have
loaded.
Spry.Data.Region.addObserver("thumbnails", function(nType,
notifier, data) {
if (nType == "onPostUpdate")
ShowCurrentImage();
if (gAutoStartSlideShow)
StartSlideShow(true);
// Trigger the transition animation from the current image
// being displayed to the image at imgPath.
function SetCover(imgPath, width, height, div)
var img = document.getElementById(div);
if (!img)
return;
CancelBehavior(div);
gBehaviorsArray[div] = new Spry.Effect.Opacity(img,
Spry.Effect.getOpacity(img), 0, { duration: 400,
finish: function()
gBehaviorsArray[div] = new Spry.Effect.Size(img.parentNode,
Spry.Effect.getDimensions(img.parentNode), { width: width, height:
height, units:"px"}, {duration: 400,
finish: function()
// Use an image loader to make sure we only fade in the new
image after
// it is completely loaded.
gImageLoader = new Image();
gImageLoader.onload = function()
img.src = gImageLoader.src;
gImageLoader = null;
gBehaviorsArray[div] = new Spry.Effect.Opacity(img, 0, 1, {
duration: 400,
finish: function()
gBehaviorsArray[div] = null;
// Our new image is fully visible now. If the slide show
// is on, fire off the timer for the next image.
if (gSlideShowOn)
SetSlideShowTimer();
gBehaviorsArray[div].start();
gImageLoader.src = imgPath;
gBehaviorsArray[div].start();
gBehaviorsArray[div].start();
// Cancel the animation behavior of the object with the given
id.
function CancelBehavior(id)
if (gBehaviorsArray[id])
gBehaviorsArray[id].cancel();
gBehaviorsArray[id] = null;
// Show the image of the current selected row inside the
dsPhotos data set.
function ShowCurrentImage()
var curRow = dsFeatures.getCurrentRow();
SetCover("../../../../../" +
dsFeatures.getCurrentRow()["@path"], 150, 180, "mainImage");
SetCover("../../../../../" +
dsFeatures.getCurrentRow()["@path"], 200, 300, "mainImage2");
//SetCover("../../../../../" +
dsFeatures.getCurrentRow()["@path"], 120, 150, "mainImage3");
//SetCover("../../../../../" +
dsFeatures.getCurrentRow()["@path"], 120, 150, "mainImage3");
// Utility function to advance (forwards or backwards) the
current selected row
// in dsFeatures. This has the side effect of "selecting" the
thumbnail and image
// of the new current row.
function AdvanceToNextImage(moveBackwards)
var rows = dsFeatures.getData();
var curRow = dsFeatures.getCurrentRow();
if (rows.length < 1)
return;
for (var i = 0; i < rows.length; i++)
if (rows
== curRow)
if (moveBackwards)
--i;
else
++i;
break;
if (!moveBackwards && i >= rows.length)
i = 0;
else if (moveBackwards && i < 0)
i = rows.length - 1;
curRow = rows;
dsFeatures.setCurrentRow(curRow["ds_RowID"]);
ShowCurrentImage();
function SetSlideShowTimer()
KillSlideShowTimer();
gSlideShowTimer = setTimeout(function(){ gSlideShowTimer =
null; AdvanceToNextImage(false); }, gSlideShowInterval);
function KillSlideShowTimer()
if (gSlideShowTimer)
clearTimeout(gSlideShowTimer);
gSlideShowTimer = null;
// Start the slide show that runs forwards through all
// the rows in dsPhotos.
function StartSlideShow(skipTimer)
gSlideShowOn = true;
if (!skipTimer)
SetSlideShowTimer();
// Kill any slide show that is currently running.
function StopSlideShow()
gSlideShowOn = false;
KillSlideShowTimer();
Also if someone could explain how i could set the dataset for
each image(coverImage) to be for each <set id=""> that would
be great.
Thanks for any help you can provide.

Multiple animations for Responsie page

Hi
I am building a website with responsive webdesign in Dreamweaver. For the mobile I want a different animation the tablets/desktops hoe can I do this?
Beceau with the normal responsiveness in Edge the mobile I can;t get the placements good So I want to make two different animations on optimized for mobile (480px width) and the other for tablet/desktop (640 to 960).
this is the website I am working on: 55k-producties.businesscatalyst.com
Regards,
F. Knijn

goatmud wrote:
> what about creating multiple animations one the same
page in FW? In IR each
> rollover has it's own animation timeline so you can make
as many animated
> rollovers as you want, but in fireworks there is just
one frame timeline. I
> tried getting around this by putting a animation symbol
in the over state on a
> button but it won't let me. Don't tell me i have to
create individual
> animations and place them in dreamweaver!
>
At this point, I recommend you post the PNG file so some of
us can take
a look at it.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/

Multiple animations on a page

what about creating multiple animations one the same page in
FW? In IR each rollover has it's own animation timeline so you can
make as many animated rollovers as you want, but in fireworks there
is just one frame timeline. I tried getting around this by putting
a animation symbol in the over state on a button but it won't let
me. Don't tell me i have to create individual animations and place
them in dreamweaver!

goatmud wrote:
> what about creating multiple animations one the same
page in FW? In IR each
> rollover has it's own animation timeline so you can make
as many animated
> rollovers as you want, but in fireworks there is just
one frame timeline. I
> tried getting around this by putting a animation symbol
in the over state on a
> button but it won't let me. Don't tell me i have to
create individual
> animations and place them in dreamweaver!
>
At this point, I recommend you post the PNG file so some of
us can take
a look at it.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/

I am trying to print a snapshot taken from a PDF multiple times on one page.

Reader Will not print multiple copies of a snapshot on one page. I read the help files for Acrobat itself and all it said was take the snapshot and print it. Does anyone know if Acrobat can print multiple copies of the snapshot on one page?
From some reading in another forum page it looks like Acrobat can do it by saving the snapshot repeatedly with different names and the printing all of them at once. I really hate that workaround as I need to do this often.
Message was edited by: duckles10

I tried to do it using Reader. I have a one page PDF document with a UPS shipping label on one side and a special box label with a barcode on the other. This is designed to print on a standard 8.5 x 11 sheet of paper. There are many times when I need to be able to print the box labels more than once. At home, I do it by taking a snapshot of the box label and printing it to a Label printer as many times as I need it. The distributor who also ships items for me only has a full page printer but he can print 4 on a page labels on UPS provided stock. Reader won’t print a snapshot multiple times, the option is grayed out. What I wanted to know is if Acrobat itself can print that snapshot multiple times. I don’t think it can without being able to cut and save that PDF multiple times as separate files. That would be a slow and cumbersome operation. If it would take a snapshot or a single cut and save and print that PDF 4 times on a page it would be a reason to spend the money to buy the program because we need to perform this operation OVER and OVER on a regular basis. On some shipments we might need to print 12 or more extra box labels. We tape smaller boxes together for one UPS label and need to make sure EACH box gets a separate label. Otherwise they sometimes get lost on the other end.
Doing the save 4 separate PDFs process we might actually need TWO copies of Acrobat unless reader can print 4 on a page if it has 4 PDF’s to work from. I have not yet found a good way to save those snapshots from reader. I have tried since I found that it was possible to cut and save them in other formats but not PDF’s as reader can’t save them. The quality of the saved items in other formats is not acceptable. I recently discovered that Microsoft publisher which I have can save a document as a PDF. I’m going to see if I can import to that program next.

Print multiple photos on one page to printer

I am new to macs, and I can't figure out (using iphoto 11) how to just print multiple photos on one piece of 8 1/2 X 11 paper in my own printer at home. I want to choose the size of each picture (like one 4X6 and two wallets on one page. How do I do this? it seems I can only print one pic per page when I use the print function in iphoto. Please help! If i can't do this basic thing I feel like I just wasted a couple thousand dollars on a really expensive piece of junk.

This is a detailed set of instructions I made for my mother to use. Hope it helps.
To print single or multiple photos in iPhoto
Open iPhoto
If photo(s) are not already in iPhoto then dragand drop into iPhoto
Locate photo(s)
Select (highlight) photo(s)
Click File
Click Print
New window pops up
Select border type on left side (standard, etc.)
Select Print Size at bottom right (2x3, 3x5,etc.)
Click Customize
New window opens
On bottom right are new icons
IGNORE Print settings -are the options you chose in steps 7a, b & c
IGNORE Themes - is thesame as step 7a
IGNORE Background –ignore in most cases
IGNORE Borders –default is 1 (use default in most cases)
Layout (select 1 or 3 in most cases)
1is horizontal photo
IGNORE 2 is horizontal photo with text below
3is vertical photo
IGNORE 4 is vertical photo with text below
SettingsClickon Photos per page
If you want only 1 copy of each photo you selectedon each page then choose Single photo per page
If you want 2, 3 or 4 different photos on eachpage then choose Multiple photos per page
If you want many copies of the same photo oneach page then choose Multiple of the same photo per page
ClickPrint on the bottom right
Newwindow pops up
If the arrow (triangle) to the right is pointingdown click it so it points up and displays additional options
Choose number of copies (pages to print)
ClickPrint

How to print multiple copies on one page ?

How to print multiple copies of one document on one page ?
in coreldraw I used to make the document -for example a business card 5x9 - and when sending to print it automatically placed the number of cards that would fit in my A4 sheet.
how do I make the same operation in Indesign.
thanks

Hi, Peter S.
>I can see that as a shortcut to printing a page of different cards for multiple people, but to do a simple n-up of a single card it seems overly complex to me. What am I missing?
* It's just an alternative to copy/paste and step/repeat.
* For a one-time only use, perhaps it's a little more complex than necessary. But for any future needs, only the content of the data file needs to be changed, either by editing, or by pointing to a new data file. If different cards for multiple people becomes necessary, it's ready to go.
Regards,
Peter Gold
KnowHow ProServices

Can you have multiple clickboxes on one page

Sorry... a few complicated things are coming up. I am doing a
large project with LOTS of interactivity, which involves simulating
a customer filling in a form and then clicking a button to move on.
So one one page I have both a Text Entry box, and sometimes also a
click box.
I made the Text Entry box action "none," and put the "go to
next" on the click box action.
Now my boss wants two more links added to each and every
page... a TABLE OF CONTENTS button, and also a NEXT PAGE button.
When I added these two additonal buttons, it seems to be confusing
Captivate.
This is understandable, as Captivate is probably thinking
"what the heck do you want me to do first."
What I need to know is (a) is it possible to have multiple
Interaction buttons or clickboxes on the same page, each doing a
different thing; and (b) if so... how???
(Secretly I hope the answer is NO because it will simplify my
life tremendously).
Thank you, QuizQueen

Hi again QuizQueen
Of course you may have multiple Buttons or Click Boxes on a
single slide and have each do something different when the user
clicks. It's all in how you configure the Buttons or Click Boxes.
Personally I think it's easier if you use Click Boxes as I
believe them to be more flexible.
Often what is missed is a specific setting. When you look at
the Options tab of the Click Box properties, you should see a
button with a down arrow. This button is located to the immediate
right of where you would type a URL. Click that button and you
should see an option to open the destination in a new window. But
click again and you see another option that is easily missed. This
would be the option to "Continue playing project". That one is
easily missed because it was in a disabled state (grayed out)
initially. So if you DE-select this option, the Click Box or Button
will carry out its assigned action without releasing the pause on
the slide.
Hopefully that helps you better understand it.
Cheers... Rick

Can you display multiple photos on one page with slide tool to transition between them?

Hi Folks,
I have a series of photos taken from the exact same location but on different days. I would like to display them on one page but use a slide tool/bar to move or transition between the photos. If the slide bar can display the date of the photo then that would be great.
Can this be done in adobe?
Any help would be great.
Thanks.

A Steve mentioned you can use a button to display an image. If you use JavaScript, you wouldn't have to show/hide multiple buttons but could instead dynamically set the button icon programmatically. The setup for something like this is a bit involved, but it's not overly complicated. Post again if you'd like more details.
The slide bar is the thing that would have to faked as there is no such built-in control, but something functionally equivalent could be done, it just may not behave as smoothly as you want.

Multiple animations on one page scale incorrectly

Similar Messages

Maybe you are looking for