2 Replies Latest reply on Jan 20, 2011 10:10 PM by VL Branko

    Problem with applying Spry “Slide Effect”

    VL Branko Level 2

      I am having problems attaching the  slide effect on image. Below is the code for the test page I am working  on to learn how to use this effect (most of which came from Adobe):



      <!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>Untitled Document</title>
      <script type="text/javascript" src="../SpryAssets/SpryEffects.js"></script>
      </head>


      <body>
      <p> </p>
      <p> </p>
      <style type="text/css">
      #content{ visibility: hidden;}
      </style>

       

      <div id="content">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vel sem nec massa cursus
        interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
        hymenaeos. Duis euismod eros consequat nibh. Pellentesque non purus. Nam lectus magna, faucibus
        vel, aliquet id, commodo vitae, elit. Maecenas sollicitudin, nibh iaculis bibendum consequat,
        odio erat volutpat ipsum, sed dignissim ligula mi in justo. Nam placerat. Nullam fringilla
        tortor. Quisque lacinia, mi non iaculis adipiscing, turpis lacus eleifend velit, dictum
        facilisis pede diam sagittis nulla. Nunc vestibulum elementum enim. Etiam lorem felis, faucibus
        sit amet, vulputate sed, lobortis et, nunc. Morbi vitae lectus.
      </div>

       

      <p> </p>
      <p> </p>

       

      <div id="chakra">
      <p><img src="../images/chakra_yantra_200px.jpg" alt="chakra" width="200" height="201" /></p>
      </div>
      </body>
      </html>

       

      ___________________

       

      The  idea is that there is an image called "chakra", and when the mouse goes  over the image then the text is suposed to slide out as a caption.

       

      When I attempt to attach the effect after selecting the image I am asked to ***Select Target Element ID*** of which there are two options

       

      div "content"

       

      and

       

      div "chakra"

       

      I choose -- div "content"

       

      I then get an error message that says:


       

       

      “To  get this behavior to work properly, you must select the container tag  you want to slide. (For example, if you want to slide an <image>  tag that is wrapped with the <div> tag, select the container  <div> tag. The container tag must have a unique ID.)


       

      Please  select a container tag as your target element , or cancel the behavior,  wrap your target element with a div tag, assign the new div tag a  unique ID, and reapply the behavior. When you reapply the behavior,  select the new div tag as your target element.


       

      The action will not be added to your document.”

       

      What am I doing wrong?

       

      I  have spent hours on this but not getting anywhere. Are there any good  visual tutorials to explain this? I have read everything that Adobe has  provided but I am still not getting it, but I am getting a head ache.  )-:

       

      I'm using DW CS5 on a Mac, OS X 10.6.6

        • 1. Re: Problem with applying Spry “Slide Effect”
          BenPleysier Adobe Community Professional & MVP

          Add a div element as follows

          <div id="content">
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vel sem nec massa cursus
            interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
            hymenaeos. Duis euismod eros consequat nibh. Pellentesque non purus. Nam lectus magna, faucibus
            vel, aliquet id, commodo vitae, elit. Maecenas sollicitudin, nibh iaculis bibendum consequat,
            odio erat volutpat ipsum, sed dignissim ligula mi in justo. Nam placerat. Nullam fringilla
            tortor. Quisque lacinia, mi non iaculis adipiscing, turpis lacus eleifend velit, dictum
            facilisis pede diam sagittis nulla. Nunc vestibulum elementum enim. Etiam lorem felis, faucibus
            sit amet, vulputate sed, lobortis et, nunc. Morbi vitae lectus.</div>
          </div>
          Gramps

          • 2. Re: Problem with applying Spry “Slide Effect”
            VL Branko Level 2

            Thank you very much. That worked. Now I just have to figure out how to make it appear below the image not above it.