3 Replies Latest reply on Jul 18, 2007 2:21 PM by Newsgroup_User

    Hover over icon to replace or change text. Help please.

    Ofeargall Level 1
      My art direction calls for a 'window', or div, with 5 icons across the top. As the user hovers over an icon a text description should fill the 'window' below the icons.

      Example: an icon of a butterfly when hovered over will fill the 'window' with several lines of text describing differences between butterflies and say, wasps or something like that.

      What is the best way to achieve this? Is this a flash function or an image swap type of thing? Can this be achieved strictly with CSS? Seems simple, don't know if it really is though.

      Thanks for any help you can provide.

      PF
        • 1. Re: Hover over icon to replace or change text. Help please.
          Level 7
          > Can this be achieved strictly with CSS?

          Yes.

          > Seems simple, don't know if it really is though.

          It definitely isn't.

          I suggest you use a container for the variable text content (like a div,
          properly sized), and the SetTextofContainer behavior in DW, which will let
          you specify the text to use in that container as each 'icon' is moused over.

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.dreamweavermx-templates.com - Template Triage!
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
          ==================


          "Ofeargall" <webforumsuser@macromedia.com> wrote in message
          news:f7lr8i$9ce$1@forums.macromedia.com...
          > My art direction calls for a 'window', or div, with 5 icons across the
          > top. As
          > the user hovers over an icon a text description should fill the 'window'
          > below
          > the icons.
          >
          > Example: an icon of a butterfly when hovered over will fill the 'window'
          > with
          > several lines of text describing differences between butterflies and say,
          > wasps
          > or something like that.
          >
          > What is the best way to achieve this? Is this a flash function or an image
          > swap type of thing? Can this be achieved strictly with CSS? Seems simple,
          > don't
          > know if it really is though.
          >
          > Thanks for any help you can provide.
          >
          > PF
          >


          • 2. Re: Hover over icon to replace or change text. Help please.
            Ofeargall Level 1
            I am among the new GoLive, Dreamweaver converts so I will look through the help menu for details on this.

            As I suspected, simple is often somewhat complex. No worry.

            Thanks for your direction. I'll post if more hurdles are presented that seem to be an impass.

            Regards,
            PF
            • 3. Re: Hover over icon to replace or change text. Help please.
              Level 7
              Sure - we'll be here....

              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.dreamweavermx-templates.com - Template Triage!
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
              ==================


              "Ofeargall" <webforumsuser@macromedia.com> wrote in message
              news:f7lu6b$d3b$1@forums.macromedia.com...
              >I am among the new GoLive, Dreamweaver converts so I will look through the
              >help
              > menu for details on this.
              >
              > As I suspected, simple is often somewhat complex. No worry.
              >
              > Thanks for your direction. I'll post if more hurdles are presented that
              > seem
              > to be an impass.
              >
              > Regards,
              > PF
              >