7 Replies Latest reply: Oct 23, 2010 1:54 PM by Backroads2001 RSS

    Unable to link images Prototype Fish Eye

    Slaotvaensme

      When I attempt to link the images in the Fish Eye Tool Bar they get a link border around them and I would prefer to have this invisible.  The image is set to link and it does but not when you click on the image itself but rather on the border.  as you can imagine it is difficult to click on as it is about 1px wide.  I have tried just about everything to correct this and the only way that it will work is to remove the first line of java. The image links but the fish eye no longer functions:

       

      line I removed: var PrototypeFishEyelinkRelay = new FishEyeToolBar("PrototypeFishEye")

       

      I was wondering if you could type a command in java to tell it onClick= go to the url that the image is set to?  I apologize I am a novice when it comes to manipulating the java script.

       

       

      Thank you for any help.

        • 1. Re: Unable to link images Prototype Fish Eye
          Scott DRichards Community Member

          You can use the following css style to prevent the blue border around images with hyper links

           

          <style type="text/css">

           

          img {
                      border-style: none;
          }

           

          </style>

           

          You definately don't want to remove the constructor!

           

          -Scott Richards

          Dreamweaver Team

          • 2. Re: Unable to link images Prototype Fish Eye
            Slaotvaensme Community Member

            Thank You

             

            I was able to remove the border by editing the image tag and setting the border to 0.  The problem I seem to be having now is that the links are working but only if you click on this little invisible space below the image which is about 1px wide.  I know the link is working but it is almost like an invisible block blocking me from clicking on the button,  I seem to have the same issue if I  turn the image itself into a button.  I am having the same set of issues when I put the fisheye on a blank page by itself it must be a parameter in the java scripting.  I was wondering if either of these bold elements may have something to do with it??

             

            var PrototypeFishEye = function(e){
                    var ele = Event.element(e);
                   window.location = ele.getAttribute("href");
                }
                var PrototypeFishEyelinkRelay = new FishEyeToolBar("PrototypeFishEye");
                PrototypeFishEye.addEventListener("itemClick", PrototypeFishEyelinkRelay);

            • 3. Re: Unable to link images Prototype Fish Eye
              Slaotvaensme Community Member

              I am one happy camper!

               

              I set the image to go to URL from the behaviors panel and it works!

              • 4. Re: Unable to link images Prototype Fish Eye
                Backroads2001

                Slaotvaensme - Brilliant! I had the same problem and this definitely fixed it! It was funny because until you pointed out the thin border, I didn't think it was working at all. Then I noticed that the link would work in IE before I allowed the Active X, but not after when the Fisheye was working.

                 

                Thanks!

                 

                Another Happy Camper

                • 5. Re: Unable to link images Prototype Fish Eye
                  brandon.bullock

                  When you say that you  used the behaviors panel, does that mean that you ended up with <a href></a> around your image tags.  I am having the same problem getting the links to work and have NOT had any luck!!

                   

                  Un-happy camper!

                  • 6. Re: Unable to link images Prototype Fish Eye
                    Slaotvaensme Community Member

                    Sorry it took so long to get back to you but this is the code I ended up with that worked for me.  When I tried to set the images to link with an <a href=> tag in the code it created a link for that div that was functional but only when the javascripting was not. This of course defeats the purpose so I selected my image and set the behaviour to onClick > goToURL and it worked.

                     

                    <div class="fishEye" id="PrototypeFishEye" <img src="images/heather.png" id="Heather" onClick="MM_goToURL('parent','http://www.heatherkeenedesign.ca'); return document.MM_returnValue"></div>

                     

                    I'm sure there are many ways to fix this issue this just happened to be the simplest.

                    • 7. Re: Unable to link images Prototype Fish Eye
                      Backroads2001 Community Member

                      Hi Brandon

                       

                      Sorry , it took me so  long to reply.  Yes, I ended up with around your image tags. I used this on my Help page with links to various browsers etc. Here is the code for my firefox link. I can send you more of the code or some screen shots if you like.



                      http://www.getfirefox.net/

                      !../PrototypeFishEye/images/firefox.png|id=Firefox|title=Firefox|alt=Firefox|name=Firefox| onclick=MM_goToURL(|src=../PrototypeFishEye/images/firefox.png|href=#!

                       

                       

                      Sandi

                       

                       

                       

                       

                      Date: Thu, 14 Oct 2010 20:12:54 -0600

                      From: forums@adobe.com

                      To: jewelss2003@hotmail.com

                      Subject: Unable to link images Prototype Fish Eye

                       

                      When you say that you  used the behaviors panel, does that mean that you ended up with <a href></a> around your image tags.  I am having the same problem getting the links to work and have NOT had any luck!!

                       

                      Un-happy camper!

                      >