2 Replies Latest reply: Feb 16, 2013 4:05 PM by lou4uandme RSS

    How to keep a user on 1 page while viewing multiple pages?

    lou4uandme Community Member

      Hi All,

       

      Well first of all, I want to use this Before & after image viewer on my page

       

      http://www.flashxml.net/image-before-after.html

       

      Ok that was nice & easy to insert but...

       

      I want to have about 10 different "before & after image viewers"

      Each with a lot of text above the image & below the image viewer.

       

       

      Here's the hard part:

       

      I want to have all 10 links to the viewer, on the LEFT SIDE of a page

      and when the user clicks on each one,  1 of 10 viewers appear on the RIGHT SIDE of the page.

       

      So the user can click on all 10 links (or triggers) and the image viewer changes to the next "before & after viewer"

       

      What I am trying to avoid is making the user leave the page.

      I don't want 10 pop ups viewers or 10 different windows opening for each viewer.

       

      The first solution that comes to mind is FRAMES (split the page in half)

      but I heard that they are obsolete or NOT recommended

       

      MOST IMPORTANT

      Flash Pro is way too hard for me to create this.

      I was hoping to use dreamweaver or use a free template that would do the above.

       

      Thanks you,

      Lou

        • 1. Re: How to keep a user on 1 page while viewing multiple pages?
          Nancy O. CommunityMVP

          I wouldn't use frames or framesets for obvious reasons.  But you could use an inline frame or iframe with links to individual viewer pages.

           

          Iframe on main page:

           

               <iframe name="iframe1" id="iframe1" height="400"  width="500" allowtransparency="true" border="0" src="link_to_viewer1.html"></iframe>

           

          Links in sidebar:

               <ul>

               <li><a href="link_to_viewer2.html" target="iframe1">Viewer2</a></li>

               <li><a href="link_to_viewer3.html" target="iframe1">Viewer3</a></li>

               <li><a href="link_to_viewer4.html" target="iframe1">Viewer4</a></li>

               <ul>

           

           

          Nancy O.

          • 2. Re: How to keep a user on 1 page while viewing multiple pages?
            lou4uandme Community Member

            Nancy, Nancy Nancy !  Thank you!

            You just solved my problems

            and saved me hours of research on the net.

             

            Although I am not quite sure what's the difference between an obsolete "Frames" VS newer  "Iframe"

            I don't really care, I just care that I can finish this site !

            Thanks