Nesting slideshows?

Hi, i have couple multistate objects/slideshows and i want them to change depending on gallery selected.
But can seem to create a multistate object of all the multistates.
Is there a way i can nest several multistates/slideshows to a new multistate?
so i can have like 3 buttons, each one linking to a different state/slideshow
Thanks

I’m not sure what you’re trying to do but to add an MSO to a state of
another, you have to anchor it to an empty text frame and then add the
text frame to the state.

Similar Messages

Nested MSO, slideshow inside MSO triggered by button, invisible on start, able to open/close

Consider the following scenario:
(albeit, this may not even be the right way to do this, or perhaps such functionality is not possible based on existing tools at this time, however, I thought I would post and see if anyone has a trick to share...)
I have a slideshow on the page, it is set to auto play.
I would like to hide it initially, and have it trigger with a button... and then let the user close it. Much like the "light box" effects we have all come to know from the web.
Seems easy enough.
However, in my first attempt to do this I did the following:
1- create an OPEN button (F1)
2- create a container box and a CLOSE button, grpup them (F2)
3- turn them both into an MSO (M1)
4- set the button in F1 to trigger F2 (open state)
5- set the button in F2 to trigger F1 (close state)
-> test, works.
next step, slideshow!
I grab 5 images, create a new MSO (M2).
Turn it into a slideshow Folio Overlay...
-> test, works.
Now this is where it gets funky...
MY FAIL 1- If I try to take M2 and then right click M1, there is NO paste into option.
MY FAIL 2- If I click on the Object States Panel, and then Right click State 2 for M1, there is no "past into option"
MY FAIL 3- If I try to "Alt+Ctrl+V" with M2 into State 2 for M1 it does not work.
--> nor does any other scenario where I attempt to paste any MSO into another MSO
I have even tried
x- grouping the MSO slideshow with a non MSO element such as a frame, text boxt, image, ect..
x- taking the 5 images and pasting them into the MSO seperate, and then trying to turn them into a new MSO inside State 2, which the new MSO button is greyed out and will not let me apply it.
Possible solution I have come up with after looking over alot of Bob's stuff in the tutorials area
(PS his videos and tut's realy help, its a differant kind of thinking going on here with DPS, I imagine it relates to how the C in the binary works and is translated by the InDesign GUI into app code... would be nice to just type in "function on_tap(){open_slideshow(vars);}" lol silly programmer, this is primarily a tool for designers ... but I do think its awesomeness, as a programmer, I dont even want to write code anymore after using DPS and Phone Gap...),
so... here it is, not necessarily the most attractive...
1- Make the slide show MSO, push to BACK, set to auto play and swipe allowed...
2- place a large opaque box on top of the slideshow, group it with the OPEN button
3- create a close button
4- turn them into an MSO, now there is an 'open' button in state 1 on top of an opaque box that sends to state 2, and a 'close' button in state 2 that sends to state 1
This seems to work, I have not tested it on all devices, the iPad will kind of do this wierd glitchy thing, as if it "knows" there is something moving underneath the opaque box. Depending on how I have positioned scrollable frames on top of these elements from a stacking perspective there can be some unexpected behavior. The best results I have had from more complex layouts is to get creative with positioning...
any other suggestions, tips, tricks, would be appreciated
ON a site note:
POSSIBLE BUG:
ANYTIME I try to take ANYTHING that is already using the FOLIO OVERLAY and right click the STATE in the STATES PANEL
In Design total crash!!! The only time I can take a FOLIO OVERLAY (FO) and "right click paste into" an MSO state is by clicking on the state on the stage, it can not be done from the panel, the panel only works with non "FO" items... Even though the state in the panel shows the "past into" option, if I do, *poof* instant app crash... FYI for anyone toying with this. Kudo's to Adobe for the outstanding "auto save" feature. It has saved me time, and there for in some strange way, has also saved some of my life.
Here is what InDesign poops out when a "Folio object" is attempted to be "pasted into" an MSO via the MSO panel.
Problem signature:
Problem Event Name:          BEX
Application Name:          InDesign.exe
Application Version:          8.0.0.370
Application Timestamp:          4f72c3ee
Fault Module Name:          StackHash_0a9e
Fault Module Version:          0.0.0.0
Fault Module Timestamp:          00000000
Exception Offset:          00000023
Exception Code:          c0000005
Exception Data:          00000008
OS Version:          6.1.7601.2.1.0.768.3
Locale ID:          1033
Additional Information 1:          0a9e
Additional Information 2:          0a9e372d3b4ad19135b953a78882e789
Additional Information 3:          0a9e
Additional Information 4:          0a9e372d3b4ad19135b953a78882e789

@zagarskas – nested MSOs are currently NOT supported by Adobe.
However we could build such a construct by using ExtendScript (Adobe's flavor of JavaScript).
The problem with that is, that Buttons inside a nested MSO will not work as expected. At least my testing is showing that.
If you want nested MSOs without Buttons (inside the nested one) or if you like to experiment, see the following thread:
http://forums.adobe.com/message/4573924#4573924
But please, read the whole thread from a to z ;-)
Uwe

Nesting a lightbox in a slideshow

Can I nest a fullscreen image (or lightbox) to be triggered by the individual images in a permanently visible composition widget slideshow?
I've tried, and Adobe documentation infers that its possible, but I've had no luck with this so far.
cheers, Nick

There is a couple ways but if I understand the way you want to do it the best option is to use the light box composistion (not the slideshow). Put what ever you want in the thumbnail and add your slideshow to the lightbox.
Using the tooltip Widget is another option.

Template is nested inside itself (directly or indirectly)

Hello helpful folks of the Forum.
I had a template (test.dwt) based on which 60 of my pages are built and I dont know what happened now that whenever I try to update, all the editable contents of the 60 pages gets deleted. I was getting an error "template is nested inside itself (directly or indirectly)
Can someone please take a look at the template and let me know what is wrong and how I can fix it.   If I create a similar tempalte and name it test.dwt, will it work ?    Thanks for your help.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Welcome to Sringeri Vidya Bharati Foundation (Canada)</title>


<meta name="SVBF" content="SVBF, Sringeri Temple, Sringeri Vidya Bharati Foundation, Sharadamba Temple, Ganesha, Hanuman, Hanuman Chalisa, Sathyanarayana Pooja, Shasti Bhajans, Brydon Drive, Sringeri, " />
<title></title>
<style type="text/css">

</style>
<style type="text/css">

</style>
<script language="javascript" type="text/javascript">

</script>
<script type="text/javascript" src="http://svbfcanada.com/SVBF/jsmenu/stmenu.js"></script>
<style type="text/css">

</style>
</script>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script language="JavaScript1.1">

</script>
<style type="text/css">
.menutitle{
          cursor:pointer;
          margin-bottom: 5px;
          background-color:#ECECFF;
          color:#000000;
          width:306px;
          padding:2px;
          text-align:center;
          font-weight:bold;
          /*/*/border:1px solid #000000;/* */
.submenu{
margin-bottom: 0.5em;
.style22 {font-weight: bold}
.style23 {font-family: Cambria}
.style28 {
          font-size: 18px;
          font-weight: bold;
          font-family: Cambria;
</style>
<script type="text/javascript">
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
function SwitchMenu(obj){
          if(document.getElementById){
          var el = document.getElementById(obj);
          var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
                    if(el.style.display != "block"){ //DynamicDrive.com change
                              for (var i=0; i<ar.length; i++){
                                        if (ar[i].className=="submenu") //DynamicDrive.com change
                                        ar[i].style.display = "none";
                              el.style.display = "block";
                    }else{
                              el.style.display = "none";
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
return returnvalue;
function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
inc++
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script>
</head>
<body>
<center>
<script language=JavaScript>

</script>
<table width="1092" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">

<tr>
    <td height="57" colspan="8" valign="top" bgcolor="D69306"><p align="right"><script language="JavaScript">
var now = new Date();
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var months = new Array('January','February','March','April','May','June','July','August','September','Octo ber','November','December');
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
function fourdigits(number)          {
          return (number < 1000) ? number + 1900 : number;
today = days[now.getDay()] + ", " +
              months[now.getMonth()] + " " +
               date + ", " +
                (fourdigits(now.getYear())) ;
document.write("" +today+ ".");
</script> </p>      <p align="center"><script type="text/javascript" src="http://www.svbfcanada.com/SVBF/jsmenu/svbfcanada.js"></script>
      </p></td>
    </tr>
<tr>
    <td height="210" colspan="8" valign="top" bgcolor="#d69306"><img src="http://www.svbfcanada.com/SVBF/images/SVBFBanner2.jpg" width="1092" height="210" /></td>
    </tr>
<tr>
    <td width="43" rowspan="8" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      
      <tr>
        <td width="44" height="1181"> </td>
          </tr>
    </table></td>
    <td width="4" height="17"></td>
    <td colspan="2" rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
      
      <tr>
        <td width="321" height="1150" valign="top" bgcolor="#CC9933"><div style="margin-top: -25px; "Important days at the temple this month.">
          <p align="center" class="style19" style="background: #CC9933; color: #2D251E; margin: 5px 0px 0px 0px; padding: 5px; border: solid #75614F; border-width: 1px 1px 1px 1px;"><br />
            <strong><span class="style21"><u>            TEMPLE TIMINGS</u></span><BR/>
              <span class="style22">WEEKDAYS</span></strong><br />
            8.30 am to 11.30 am<br />
            4.30 pm to 8.30 pm<br/>
            <strong>WEEKENDS</span></strong><br />
            8.30 am to 8.30 pm<br />
            <span class="style14"><br />
            </span></p>
          <div style="margin-top: -25px; "important="Important" days="days" at="at" the="the" temple="temple" this="this" month.="month."">
                  <p align="center" class="style14" style="background: #CC3333; color: #FFFFFF; margin: 5px 0px 0px 0px; padding: 5px; border: solid #75614F; border-width: 1px 1px 1px 1px;"><u><strong>IMPORTANT DATES THIS MONTH</strong></u></p>
                  <p align="left" class="style23 style19" style="background: #CC9933; color: #2D251E; margin: 0px 0px 0px 0px; padding: 5px; border: solid #75614F; border-width: 1px 1px 1px 1px;"><strong>
                  05</strong> Papa Vimochana Ekadasi<br />
                   <strong>06 </strong>Pradosham<br />
                   <strong>10</strong> Vaisaka Masam Begins<br />
                  <strong>
                  12</strong> Akshaya Truteya<br />
                  <strong>14</strong> Ramanuja Jayanthi<br />
                  <strong>15</strong> Shankara Jayanthi<br>
                   <strong>18</strong> Hanuman Chalisa<br />
                    <strong>21</strong> Mohini Ekadasi<br>
                    <strong>22</strong> Pradosham<br />
                    <strong>23</strong> Narasimha Jayanthi<br />
                    <strong>24</strong> Sathyanarayana Pooja<br />
                    <strong>27 </strong>Sankatahara Chaturthi</p>
                  <p align="center" class="style28" style="background: #CC9933; color: #2D251E; margin: 0px 0px 0px 0px; padding: 5px; border: solid #75614F; border-width: 1px 1px 1px 1px;"><a href="http://www.svbfcanada.com/SVBF/SearchSVBF.html"><img src="http://www.svbfcanada.com/SVBF/images/SearchSVBF.jpg" width="200" height="70" border="0" /></a></p>
                  <p align="center" class="style15" style="background: #CC9933; color: #2D251E; margin: 0px 0px 0px 0px; padding: 5px; border: solid #75614F; border-width: 1px 1px 1px 1px;"><span class="style19"><a href="http://www.svbfcanada.com/SVBF/Support.html"><img src="http://www.svbfcanada.com/SVBF/images/donate.jpg" width="285" height="140" Border="0"/></a></span></p>
                  <p align="left" class="style15" style="background: #CC9933; color: #2D251E; margin: 0px 0px 0px 0px; padding: 5px; border: solid #75614F; border-width: 1px 1px 1px 1px;"><a href="http://www.svbfcanada.com/SVBF/Directions.html"><img src="http://www.svbfcanada.com/SVBF/images/Directions.jpg" width="305" height="60" border="0" /></a></p>
                  <p align="center" class="style19" style="background: #CC9933; color: #2D251E; margin: 0px 0px 0px 0px; padding: 5px; border: solid #75614F; border-width: 1px 1px 1px 1px;"><span class="style17 style23 style22"><span class="style11">Visit our</span> <a href="http://www.svbfcanada.com/SVBF/photogallery.html" class="style6">Photo Gallery</a></span>
                    <script language="JavaScript1.1" type="text/javascript">

                        </script>
                  </p>
                  <div align="center"></div>
                  <div align="center"></div>
                  <p align="left" class="style15" style="background: #CC9933; color: #2D251E; margin: 0px 0px 0px 0px; padding: 5px; border: solid #75614F; border-width: 1px 1px 1px 1px;"><a href="http://www.svbfcanada.com/SVBF/photogallery.html"><img src="http://www.svbfcanada.com/SVBF/images/diwalidance.JPG" name="slide" width="306" height="200" border="0" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)" color="Black" /></a></p>
<form id="form3" action="../SVBF/response.php" method="post" onsubmit="return checkform(this);">
                                     <fieldset>
                                     <legend><span class="style23 style12"><strong>Subscribe to our Newslette</strong></span><span class="style12">r</span></legend>
      <p class="first">
        <label for="name">Name</label>
        <input type="text" name="name" id="name" size="30" />
        </p>
      <p>
        <label for="email">Email </label>
        <input type="text" name="email" id="email" size="30" />
      </p>
      <p>
          <label for="code">Enter code below > <span class="style19" id="txtCaptchaDiv" style="color:#000066"><strong></strong></span>
            <input type="hidden" id="txtCaptcha" /></label>
          <input type="text" name="txtInput" id="txtInput" size="30" />
          </p>
          <p class="submit">
            <button type="submit">Send</button>
          </p>
          <div align="center"></div>
          <div align="center">
            <script type="text/javascript">
          function checkform(theform){
                    var why = "";
                    if(theform.txtInput.value == ""){
                              why += "- Security code should not be empty.\n";
                    if(theform.txtInput.value != ""){
                              if(ValidCaptcha(theform.txtInput.value) == false){
                                        why += "- Security code did not match.\n";
                    if(why != ""){
                              alert(why);
                              return false;
//Generates the captcha function
          var a = Math.ceil(Math.random() * 9)+ '';
          var b = Math.ceil(Math.random() * 9)+ '';
          var c = Math.ceil(Math.random() * 9)+ '';
          var d = Math.ceil(Math.random() * 9)+ '';
          var e = Math.ceil(Math.random() * 9)+ '';
          var code = a + b + c + d + e;
          document.getElementById("txtCaptcha").value = code;
          document.getElementById("txtCaptchaDiv").innerHTML = code;
// Validate the Entered input aganist the generated security code function
function ValidCaptcha(){
          var str1 = removeSpaces(document.getElementById('txtCaptcha').value);
          var str2 = removeSpaces(document.getElementById('txtInput').value);
          if (str1 == str2){
                    return true;
          }else{
                    return false;
// Remove the spaces from the entered and generated code
function removeSpaces(string){
          return string.split(' ').join('');
          </script>
            <span class="style12 style23 style15">Subscribe to our Newsletter to   receive updates on happenings at the Temple and the Community Hall </span><br />
          </div>
          <div align="center" class="style12"><small style="text-align:center">reload the page to change the code</small></div>
          </fieldset>
    </form>
                </div>
            </div></td>
          </tr>
      <tr>
        <td height="152" valign="top" bgcolor="cc9933"><div align="center">
          <p><a href="http://www.tattvaloka.com/"><img src="http://www.svbfcanada.com/SVBF/images/Tattvaloka.jpg" width="306" height="160" border="0" /></a></p>
          <p><a href="http://www.svbfcanada.com/SVBF/TouristToronto.html"><img src="http://www.svbfcanada.com/SVBF/images/TORONTO.jpg" width="306" height="200" border="0" /></a></p>
        </div></td>
      </tr>
    </table></td>
    <td width="43"></td>
    <td width="635"></td>
    <td width="9"></td>
    <td width="37"></td>
</tr>
<tr>
    <td height="1410"></td>
    <td></td>
    <td rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      
      <tr>
        <td width="640" height="1471" valign="top">
          <div align="center"></div>          <div align="center" class="style49">
            <p> </p>
              <p><a href="http://www.svbfcanada.com/SVBF/SathyanarayanaPooja.html"></a></p>
            <a href="http://www.svbfcanada.com/SVBF/SathyanarayanaPooja.html"><a href="http://www.svbfcanada.com/SVBF/SathyanarayanaPooja.html"><a href="http://www.svbfcanada.com/SVBF/SathyanarayanaPooja.html"></a></div></td>
          </tr>
      <tr>
        <td height="106"></td>
        </tr>
    </table></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td height="167"></td>
    <td colspan="2" rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      
      <tr>
        <td width="318" height="159" valign="top"><div align="center">
          <p><a href="http://www.sringeri.net"><img src="http://www.svbfcanada.com/SVBF/images/sringerinet.jpg" width="306" height="92" border="0" /></a><a href="http://www.svbf.org"><img src="http://www.svbfcanada.com/SVBF/images/svbfusa.jpg" width="306" height="49" border="0" /></a>
            <iframe src="https://www.google.com/calendar/embed?title=SVBF%20Canada%20Calendar&mode=AGENDA&height=30 0&wkst=1&bgcolor=%23cccccc&src=calendarsvbf%40gmail.com&color=%232952A3&ctz=America%2FToro nto" style=" border:solid 1px #777 " width="310" height="300" frameborder="0" scrolling="yes"></iframe>
            
</p>
          <p></p></td>
          </tr>
    </table></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td height="319"></td>
    <td></td>
    <td> </td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td height="19"></td>
    <td width="312"> </td>
    <td width="9"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td height="20"></td>
    <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      
      <tr>
        <td width="311" height="19" valign="top"><div align="center">
          <p><span class="style17 style23 style22 style3">Visit our Photo Gallery</span>
            <span class="style3">
              <script language="JavaScript1.1">

                  </script>
              </span></p>
            </div></td>
          </tr>
      <tr>
        <td height="1"></td>
          </tr>
    </table></td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td height="3"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td height="113" colspan="6" valign="top" bgcolor="#6C0F17"><div align="center">
              <p class="style11 style2"><span class="style12">Sringeri Vidya Bharati Foundation (Canada)<br />
              80 Brydon Dr., Etobicoke, ON, M9W 4N6 Phone: 416-745-1010<br />
              Questions or Comments about this website ?
        Email the</span><span class="style12"> <a href="mailto:[email protected]" class="style14 style3">Web Master</a><br />
                <a href="http://www.svbfcanada.com/SVBF/Disclaimer.php" class="style13 style3">Disclaimer</a> </span></p>
              <p class="style11"><span class="style1">Copyright © 2008 – 2012 by Sringeri Vidya Bharati Foundation (Canada) All Rights   Reserved.</span><br />
                    <a href="http://www.copyscape.com/plagiarism-finder/"><img src="http://www.svbfcanada.com/SVBF/images/cs-ye-234x16.gif" width="234" height="16" border="0" /></a><br />
        </p>
      </div></td>
<td> </td>
</tr>
</table>
</td></center>
</body>
</html>

This will happen if you mistakenly save a Child page as a Template.dwt and overwrite your original Template file. Do you have a backup of your original Template stored some place safe?
In the future, when you have questions related to Dreamweaver, use the Dreamweaver Forum. You'll get better, quicker answers there.
http://forums.adobe.com/community/dreamweaver?view=discussions
Nancy O.

JQuery Cycle 2 Image Slideshow (Works (cycles) in Explorer, but not in Safari or Chrome??

I am novice designer. I copied code for Cycle2 into my head (declaration or initializer?) and body (image source) of HTML document. The slider cycles through pictures in Explorer, but not in Safari or Crome. Any help, suggestions, alternatives would be appreciated. Thank you.
I have tried
Spry Content Slideshow- trouble being responsive when resized.
FlexSlider2.2- trouble with image height/viewport sizing to big (kinda had workaround), but had trouble with getting HTML text and image together on one slide.
WOWSlider- could not get rid of the gutter/margins surrounding the slider.
Cycle2-won't work in all browsers (for me)
Here is my code (on otherwise empty HTML and CSS pages) for Cycle 2
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HTML5 document with Cycle2</title>

<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
.cycle-slideshow, .cycle-slideshow * {
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0 auto;
width:45%; /**adjust width as required**/
.cycle-slideshow img {width: 100%;}
</style>
<title>Untitled Document</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/stylesheet.css" rel="stylesheet" type="text/css">


<script src="css/respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1">Use Insert Panel for additional Fluid Grid Layout Div tags. Note: All Layout Div tags must be inserted directly inside the "gridContainer" div tag. Nested Layout Div tags are not currently supported. </div>
<div id="top">This is the content for Layout Div Tag "top"</div>
<div id="header">This is the content for Layout Div Tag "header"</div>
<div id="navigation">This is the content for Layout Div Tag "navigation"</div>
<div id="slider"><h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Slideshow</h1>

<div class="cycle-slideshow"
    data-cycle-pause-on-hover="true"
    data-cycle-speed="700"
>

<img src="http://malsup.github.com/images/beach1.jpg" data-cycle-title="beach1">
<img src="http://malsup.github.com/images/beach2.jpg" data-cycle-title="beach2">
<img src="http://malsup.github.com/images/beach3.jpg" data-cycle-title="beach3">
<img src="http://malsup.github.com/images/beach4.jpg" data-cycle-title="beach4">
<img src="http://malsup.github.com/images/beach9.jpg" data-cycle-title="beach9">

</div></div>
<div id="content1">This is the content for Layout Div Tag "content1"</div>
</div>
</body>
</html>

Resize/re-scale & optimize all images for the web in your graphics editor before you insert them into your web pages. Saves bandwidth and reduces page load.
Cycle2 is a responsive slideshow. If you want all images to remain 400px and not responsive to layout, you'll need to modify the CSS code a little.
Details on using Previous & Next links are in the documentation.
http://jquery.malsup.com/cycle2/demo/prevnext.php
Nancy O.

Importing iPhoto `11 Library Lost Folders & Nested Albums

Been using iPhoto since its' inception. Currently at iPhoto `11. Had created many Albums and Smart Albums based on Keywords and had most of them organized into Folders in iPhoto.
Just bought Aperture 3 and, following the video tutorial provided by Apple, imported my 9,000+ iPhoto Library into it. However, only albums that resided at the top level in the sidebar of iPhoto made it into Aperture. All Folders and any Albums and Smart Albums that resided inside those Folders were not imported into Aperture.
I have verified that all photos contained within the missing Folders and Albums have made it into Aperture, just not the Folder and Album hierarchies I had created over the years.
Do I need to delete the Aperture Library and re-import the iPhoto Library again using other settings?

Thanks for the reply Terrence. I'm still a bit confused by some contradictory behavior of Aperture.
The Aperture Manual states (p.112):
+"The organization of your iPhoto images and albums is maintained as projects in the Projects panel."+
Well, not actually. Only EVENTS seem to be maintained as Projects when imported from iPhoto. My iPhoto library contains 1189 Events. Aperture now has 1185 Projects after the iPhoto import. But Projects does not contain any of the album organization that had been created in iPhoto.
The Aperture Manual further states (p.112):
"+You cannot import slideshows, books, and Smart Albums from your iPhoto Library."+
Well, actually, Aperture DID import 5 of my Smart Albums. But these were only the Smart Albums at the top level of iPhoto's sidebar. All other Smart Albums nested inside folders in iPhotos sidebar were not brought over.
So I'm confused.

When networking, iPhoto loses slideshow order and setting

I am airport streaming iPhoto slideshows from my iMac to my Macbook Pro. The shared folders show up on my Macbook Pro, seemingly in a completely random order irrespective of the order in my iMac iPhoto where my library is kept. I have a couple of dozen slideshows nested in category folders here, but none of the subfolders show up on the Macbook Pro, so that the slideshows are all lumped together in the root folder.
But the most annoying problem is that the slideshow settings I have carefully set up on my iMac - duration, KB effect, music etc - do not show up on my remote Macbook Pro! I have to reset everything, only to lose it next time I log on.
Am I missing something here, or is this a real show-stopper for using my Macbook Pro on my home network using Front Row in the living room?

Darrall
The sharing feature does not recognise sub-folders.
You can't share slideshows, only the photos in them:
From the Help:
you can choose to share *the photos* in your library, albums, slideshows, books, calendars, and cards with up to five of those computers.
If you want to stream a slideshow you'll need to export it as a Quicktime Movie first (File -> Export)
Regards
TD

Single Thumbnail activate multiple page(image) slideshow?

I want to be able to have a single thumbnail from a lightbox slideshow visible on a webpage. That when clicked activates a slideshow with multiple images...not mulitple images on a single page like in the tutorial where the social network icons pop up, but rather that triggers an independent multipage slideshow.
Whenever I add an image it adds a thumbnail. I want one thumbnail to be seen for a 7 image slideshow. I can't figure out how to do this with the triggers. The tutorial also doesn't seem to address this.
Right now what I'm doing is creating a lightbox slideshow, turning all the thumbnails in all states transparent, then hiding the collection of thumbnails behind an image (the image being the single thumbnail I want displayed) but this is getting cumbersome with some many transparent lightboxes next to each other.
Is there a easier way. Its for a portfolio site, and each thumbnail should trigger a new project slideshow.

I am having the exact same issue as englishm87. I would like to have a portfolio page with a grid of theumbnails. Each thumbnail will then trigger the multipage slideshow. There is an example on the Adobe Muse website here:
http://www.adobe.com/products/muse/eliana-t-stein.html
I don't quite understand how you can nest the composition widget with the slideshow widget...
Could you provide more of a step by step answer?
Thanks!

Datepicker Fails when nested in AP Div

I can't get datepicker to work when I nest it's div tag within the overall wrapper div for my website.
It works fine when it's the only thing on the page. But as soon as I try to move it insdie another div tag the calendar and form field show up but the calendar is no longer active -- the days are not selectable.
Does anyone have a solution to this dilemma?
Alan
I've since noticed that the problem seems to be related to the "height" attribute set for the div. If it is set below about 170px the datepicker works fine. As soon as I set the height higher the dates are no longer selectable.
Message was edited by: netinterest

If this isn't what you need, do a Google search of JQuery plug-ins which will yield many other solutions including menus, fade in/out, slideshows, galleries, etc...
JQuery Disjointed Rollovers
How-To:
http://justinfarmer.com/?p=6
Demo:
http://justinfarmer.com/tutorials/disjointedrollover/index.html
Best of luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Can I use keywords in slideshow?

I am trying to figure out a good way to organize my photos. Some are slides and things I have scanned in, so I use "description" to put a code that lets me know where to find the photo if I need to look it up. I use "title" for what the photo is about (ex-6th birthday party), and use the "date" & "places" to keep those items. I use the "keyword" to keep who is in the photo, and would like to be able to display that on the photos in a slideshow...any way?
If you have any better organizational ideas, I'm open to hearing about them, but I have over 23,000 to fix!
Thanks so much!

I use the "keyword" to keep who is in the photo, and would like to be able to display that on the photos in a slideshow...any way?
No there isn’t I’m afraid. You can show titles, descriptions, titles and description, dates and places but not keywords. You might be best to use the Description box for the names.
so I use "description" to put a code that lets me know where to find the photo if I need to look it up.
Code? Have a look at the possibilities for creating a Smart Album. You can search on all of those and compounds of those too.
My organisation is based heavily around keywords:
I use Events simply as big buckets of Photos: Spring 08, July - Nov 06 are typical Events in my Library. I use keywords and Smart Albums exensively. I title the pics broadly.
I keyword on a
Who
What
Where basis (The When is in the photos's Exif metadata). I also rate the pics on a 1 - 5 star basis.
Using this system I can find pretty much find any pic in my 20k library in a couple of seconds.
So, for example, I have a batch of pics titled 'Seattle 08' and a typical keywording might include: John, Anne, Landscape, mountain, trees, snow. With a rating included it's so very easy to find the best pics we took at Mount Rainier.
File -> New Smart Album
set it to 'All"
title contains Seattle
keyword is mountain
keyword is snow
rating is 5 stars
Or, want a chronological album of John from birth to today?
New Smart Album
Keyword is John
Set the View options to Sort By Date Ascending
Want only the best pics?
add Rating is greater than 4 stars
The best thing about this system is that it's dynamic. If I add 50 more pics of John to the Library tomorrow, as I keyword and rate them they are added to the Smart Album.
Keywording takes time to set up, there's no doubt about it. I use Keyword Manager as it's much more powerful than the inbuilt system, and adds the possibility of nested keywords. So, for instance, if I add John to a photo it also adds 'Family'. Now I can add many keywords to a pic quickly.
In the end, organisation is about finding the pics. The point is to make locating that pic or batch of pics findable fast. This system works for me.
Regards
TD

Is there a way to "nest" folders in iPhoto?

I'd like to create folders for my kids and then categorize them by year of age. Is there a way to nest folders. Main folder for each child, then subfolders by year of age? Thanks!

Like this:
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto (iPhoto.Library for iPhoto 5 and earlier) database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger or later), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 6 and 7 libraries and Tiger and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.≤br>
Note: There now an Automator backup application for iPhoto 5 that will work with Tiger or Leopard.

Adding Animation or Slideshow to Non Rectangular shape

I have a site I am designing and it has a Animation/Slideshow area that I want to put a rotating animation of product pictures so they can move from one picture to the next until is ends and then loops and continues. The shape is basically rectangular but it has shapes that break out of the rectangle. How do I put this into Dreamweaver with this odd shape and have it work in Dreamweaver.
~ Scott

<div id="outer">
<div id="inner">
</div>
</div>
There is a nested container arrangement - an inner and an outer div. The outer div would be styled with the background image, and the inner div would have the slideshow within. Examine the code on my linked page to see the details - a bit of CSS in the head of the page, and those two divs.
Don't think that you can get away with using DW without learning something about HTML and CSS - you cannot. The best place to start with this would be here -
HTML & CSS Tutorials - http://w3schools.com/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
========================================
PRE-BUILT CSS LAYOUTS
For rock solid, commercial products that perform well in all browsers/devices, visit Project Seven:
http://www.projectseven.com/products/index.htm
Not Just a Grid CSS Framework (free)
http://www.notjustagrid.com/demo.asp
Ultimate Multi-Column Layouts (free)
http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layout s-em-and-pixel-widths
EZ-CSS Templates (watch the screencast to see how it works)
http://www.ez-css.org/css_templates
Dreamweaver CSS Templates for beginners (free)
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_te mplates.html
New DW Starter Pages (free)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_l ayouts.html

No sound, no slideshow, won't recognize .mov file

Hi.
I have a whole string of problems that went from bad to worse... I sent an iPhoto slideshow to iDVD.
First, I couldn't get changes in font style and size to stay after leaving one menu for another. Every time I returned to a previous menu the default font would be reinstated.
Next I tried to undo and operation and iDVD disappeared, shut down.
I got an update for iDVD, Quicktime and others (Aperture, Bluetooth, macbook EFI Firmware) and restarted.
Then I tried to resend the slideshow from iPhoto to iDVD and got <Can't Find Audio File. Missing File Macintosh HD/Library/Application Support/iDVD/Themes/IDVD7/Audio> Now there is no theme music in the theme menus. MPEG4 icon is there, and menu song title but time reads 00:00 and the volume bar is frozen at min.
After reading some forums I trashed the .com.apple.iDVD.plist in User/Library/Preferences, repaired disc permissions and then restarted and tried again.
Now after sending iPhoto slideshow to iDVD I get <Internal iDVD Error During Last Action. This is not a movie.> If I try and drag the movie into a slideshow or movie box I get <Unsupported File Type: Unknown Format> I get the black and yellow striped broken chain icon and still no sound.
I looked at the console, and found multiples of the following iDVD error messages:
2/17/10 3:06:04 PM iDVD[15168] Looked for URLs on the pasteboard, but found none.
2/17/10 4:50:23 PM iDVD[15263] NSExceptionHandler has recorded the following exception:
NSInternalInconsistencyException -- undo: NearlyNSUndoManager 0x1b66470 is in invalid state, undo was called with too many nested undo groups
Stack trace: 0x96e19a 0x92c1fe3b 0x910ffdcb 0x910ffe0a 0x9051bad0 0x57a2 0x907cde8f 0x9087cb64 0x9087c869 0x908594ba 0x9007f13d 0x9007e57b 0x9009aecc 0x900cf1e7 0x900f5959 0x900f5914 0x900f582a 0x900d2494 0x900d1e7f 0x900d1cf3 0x90795e67 0x906fcbc2 0x906fbf88 0x906f4f9f 0x906c21d8 0x3ed9 0x362a 0x3551 0x2
2/17/10 4:50:23 PM [0x0-0x535535].com.apple.iDVD[15263] ##**## Not encoding -> exit(5)
2/17/10 8:23:17 PM iDVD[387] OLQCImageSequenceProvider: index 0 out of bounds while setting key mediaLayout
2/17/10 8:23:17 PM iDVD[387] OLQCImageSequenceProvider: index 0 out of bounds while setting key mediaUpdate
2/17/10 8:41:59 PM iDVD[430] Warning once: This application, or a library it uses, is using NSQuickDrawView, which has been deprecated. Apps should cease use of QuickDraw and move to Quartz.
Any Ideas?
Thank you, B.
p.s. OS X 10.5.8, iPhoto '08 7.1.5, iDVD 7.0.4 and Quicktime Player 7.6.4 if that helps.

Henji,
have you used a maintainance application lately, that has cleaned some caches? Then check, if you still have the file "com.apple.xpchelper.cache" in the System Library in the folder "/System/Library/Caches/".
If this file is missing, that might be the reason that you cannot play or import videos any longer. Then restore it from your backup, if you have a clone of your system. ALJ posted a link to a copy of this file in another thread: Re: Import video to Aperture library on Mountain Lion
Regards
Léonie

Trying to use multiple slideshows for linking video content from vimeo and I continue to get this

error messgage and it is driving me insane! There are 5 slideshows in all each with a lightbox. When I delete any four of the five all works just fine, the problem does not appear to be confined to a specific slideshow. Additionally, everything works perfectly in the Preview mode within Muse, however, when I preview in the browser and/or upload to my actual website is when I get this message:
Somebody please tell me that this is an easy fix! FYI: I originally had the videos all as a single slideshow with 15 thumbnails that each activated a link that popped up the lightbox and played the appropriate video nested in the lightbox from vimeo and I experienced the same issue. I tried to separate them into different slideshows to fix the issue but it still persists.
This is the look I get in Preview mode in Muse before I activate the lightbox (links):
And after I activate the lightbox by clicking one of the thumbnails I get this result in Preview mode within Muse, which is exactly what I want! However, as I mentioned, when I preview it in the browser I get the error above:

I appreciate the reply Zak, however, I tried this as a fix first thing this morning with no luck. Nothing has changed. Any other thoughts?
I am exporting HTML out of Muse and uploading it directly through the FTP tools on GoDaddy. However, as I mentioned, I am getting the error straight away when I try to use the Preview Site in a Browser function in Muse itself.
Thanks!

Lightbox nested in Accordion panel is not working.

I am attempting to nest a lightbox slideshow in an accordion panel with less than desired results. I can get the Lightbox to nest and I can arrange the buttons just fine .However, when I preview it my forward and back buttons appear in the upper left corner and they are all messed up. This is absolutly useless as it destroys the aesthetics. Any insights as to how to fix this (not work around, I can do that...) would be appreciated.
Here are some screens:
1) layout is fine. Note the advance arrows on left and right of layout.
2) Layout seems to be fine in the preview. Thumbnails look good...
3) The advance arrows are not where I placed them in the layout. They are overlapping in the upper left corner.

Well, it's not recreating what I did becauseI don't see any images in your example. Did you populate the gallery?
Anyhow:
I created an accordion panel.
The first top panel contains a price list with text only.
Using the "+" I made a second panel and placed a "slideshow lightbox" widget
I populated the widget with roughly 100 jpegs compressed to 50% and edited my arrow keys placing them on the left and right which
gave the results in the image above.
This is repeatable on my end.

Nesting slideshows?

Similar Messages

Maybe you are looking for