Loading ...
Sorry, an error occurred while loading the content.

[OT] Re: 'blinking' layers after using overlib... help me pls!

Expand Messages
  • overlib
    ... generating new menuing (? Is this a real word?) code based on different principles and actually learn something. Or as I indicated, a very simple
    Message 1 of 8 , Jan 2, 2005
    View Source
    • 0 Attachment
      --- In a nutshell, "Foteous Macrides" <fote@...>
      wrote:
      > You could go to all the trouble of becoming an real programmer and
      generating new menuing (? Is this a real word?) code based on
      different principles and actually learn something. Or as I indicated,
      a very simple workaround for IE's problem is to cut and paste your
      onmouseover instructions as onmousemove instructions just like I do
      in all of my work. I mean, just look ant my web site and THEN look at
      my clients' websites! I love the cut and paste! Absolutely love it!
      >---

      Ahhh,
      Foteous Macrides – The Greek God of Cut and Paste (a.k.a. The lazy
      man who burps too much)

      Bob, great work you've done with overlib! Without you, there would be
      no Fote... thanks allot! lmfao!

      (For those of you who do not monitor our "child" group (the place
      where Fote burps), then you can just ignore this message)

      Happy New Year
      overlib supporter
    • jan kaèer
      wow! words can hardly describe how much i would like to thank to robert for spending his precious time on my little problem!! not only that you were able to
      Message 2 of 8 , Jan 2, 2005
      View Source
      • 0 Attachment
        wow!

        words can hardly describe how much i would like to thank to robert
        for spending his precious time on my 'little' problem!! not only that
        you were able to give me some great pieces of advice, but your
        advices really WORK!! truly an excellent 'customer service' :))

        thanxx-a-million!!

        hk

        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

        --- In overlib@yahoogroups.com, "Robert E Boughner" <reboughner@w...>
        wrote:
        >
        > --- In overlib@yahoogroups.com, Jason Zudell <jeicobu21@y...> wrote:
        > >
        > Now that I've had some time to look at your page, I've managed to
        come
        > up with a way to avoid the "blinking" or "flashing" that you were
        > experiencing in IE6.0. I know that you've received communication
        from
        > Fote Macrides via private email and I just want to say that contrary
        > to what he implies, his version of overlib would experience the same
        > problems since he has adopted the same mousecapturing procedures
        that
        > are used in overlib. Having said that, let me say that
        >
        > 1) move all of your "layers" out of the table cell. Dreamweaver
        > Layers are absolutely positioned DIV containers and since they are
        > absolutely positioned they are taken out of the normal document flow
        > and can go just about any wheres. I suggest that you place just
        after
        > the body tag or at the very end just before the closing body tag.
        >
        > 2. The scheme that I've come up has only been applied to your first
        > trigger image (item01.gif). The code for this is (watch word wrap):
        >
        > <div id="closerLyr" style="position:absolute; width:260px;
        > height:100px; z-index:2; top: 39px; left: 345px; visibility:
        > hidden;"><a href="javascript:;"
        > onMouseOver="MM_swapImgRestore();MM_showHideLayers
        ('closerLyr','','hide','lyrShow','','hide')"><img
        > src="1%202_%20 %20D%20N%20Y   E%20V%20R%20O%20P%
        20S%20K%20É%20H%20O   F%20I%20L%20M%
        20U   2%200%200%205_files/spacer.gif"
        > width="260" height="100" border="0"></a></div>
        > <div id="lyrShow" style="position:absolute; width:260px;
        height:100px;
        > z-index:3; top: 31px; left: 345px; visibility: hidden;">
        > <div ID="imageLyr" style="position:absolute; visibility: inherit;
        > width=108px; left: 73px; top: 24px;"><IMG height=18
        > src="1 2_   D N Y   E V R O P S K É H
        > O   F I L M U   2 0 0
        5_files/item01.gif"
        > width=107 border=0 name=Image1></div>
        > <div id=submenu01
        > style="LEFT: 31px; WIDTH: 200px; POSITION: absolute; TOP:
        40px;
        > visibility: inherit;"> <img height=15
        > src="1 2_   D N Y   E V R O P S K É H
        > O   F I L M U   2 0 0
        5_files/spacer.gif"
        > width=4><img height=15
        > src="1 2_   D N Y   E V R O P S K É H
        > O   F I L M U   2 0 0
        > 5_files/submenu-left.gif"
        > width=7><a
        > href="http://www.uwa.cz/projects/def/cz/ofestivalu.htm"><img
        > height=15
        > src="1 2_   D N Y   E V R O P S K É H
        > O   F I L M U   2 0 0
        > 5_files/submenu1-1.gif"
        > width=49 border=0></a><img height=15
        > src="1 2_   D N Y   E V R O P S K É H
        > O   F I L M U   2 0 0
        > 5_files/submenu-betw.gif"
        > width=9><a
        > href="http://www.uwa.cz/projects/def/cz/dobrodinci.htm"><img
        > height=15
        > src="1 2_   D N Y   E V R O P S K É H
        > O   F I L M U   2 0 0
        > 5_files/submenu1-2.gif"
        > width=52 border=0></a><img height=15
        > src="1 2_   D N Y   E V R O P S K É H
        > O   F I L M U   2 0 0
        > 5_files/submenu-betw.gif"
        > width=9><a
        > href="http://www.uwa.cz/projects/def/cz/organizatori.htm"><img
        > height=15
        > src="1 2_   D N Y   E V R O P S K É H
        > O   F I L M U   2 0 0
        > 5_files/submenu1-3.gif"
        > width=60 border=0></a><img height=15
        > src="1 2_   D N Y   E V R O P S K É H
        > O   F I L M U   2 0 0
        > 5_files/submenu-right.gif"
        > width=7></div>
        > </div>
        >
        > If you want to try this on your page, remove your submenu01 layer
        and
        > then cut and paste the above in just after your BODY tag. The
        > positioning was determined by trial and error and you may have to
        > adjust it some. What I've done is to create two additional layers:
        a)
        > a closelayer that has a transparent image in it that is
        200x100pixels
        > in size. This layer has a z-index value of 2. b) the next layer is
        > lyrShow which contains two sublayers to hold your mouseover image
        (the
        > image one sees when you mouse over item01.gif) in the imageLyr
        and
        > your original submenu01 layer. You'll notice that the only events
        > are attached to the closerLyr image and are MM_swapImgRestore();
        > MM_showHideLayers('closerLyr','','hide','lyrShow','','hide');
        >
        > On the item01.gif image, the only events applied are:
        >
        > onmouseover="MM_swapImage('Image1','','../img/item01a.gif',1);
        > MM_showHideLayers
        ('closerLyr','','show','lyrShow','','show','imageLyr','','inherit','su
        bmenu01','','inherit')"
        >
        > onmouseout="MM_swapImgRestore()"
        >
        > These events cause the mouseover image to appear, and displays the
        > closerLyr and the lyrShow, which holds the image and submenu01
        layers
        > as nested within it and become shown by default. What happens is
        that
        > when you mouse off either the image or the submenu01 layer you're on
        > the image within the closerLyr which closes the layers that were
        shown
        > and restores the mouseover image for item01.gif. There is
        absolutely
        > no flickering or blinking when seen in IE6.0. The image in the
        > closerLyr just needs to extend about 30-40 pixels beyond the content
        > that the lyrShow holds so that you mouse on to it and that causes
        the
        > layers to close. You can do the same thing with all of the other
        > submenu layers that you've got.
        >
        > 3. To make all of this work properly I would go to
        > www.projectseven.com and grab hold of their SnapLayer behavior which
        > allows you to position DIV layers relative to images with
        > horizontal/vertical offsets as appropriate. You may also want to
        grab
        > the AutoHide behavior which I believe will allow you to close
        lyrShow
        > without the need for a closerLyr. Also look into the tutorials that
        > they have on this site since they are quite educational and
        > demonstrate some useful techniques.
        >
        > If you don't quite understand what I've said here, just put this
        into
        > your page and add a border around the image in your closer layer so
        > that you can see where it lies relative to the two nested layers in
        > lyrShow. You can contact me offlist by email if you have questions.
        >
        > Bob Boughner
      • Robert E Boughner
        ... You re very welcome. Contrary to what the moderator of our sister group had to say, that was precisely why I gave such a detailed discussion of the
        Message 3 of 8 , Jan 3, 2005
        View Source
        • 0 Attachment
          --- In overlib@yahoogroups.com, jan kaèer <palicak@s...> wrote:
          >
          > wow!
          >
          > words can hardly describe how much i would like to thank to robert
          > for spending his precious time on my 'little' problem!! not only that
          > you were able to give me some great pieces of advice, but your
          > advices really WORK!! truly an excellent 'customer service' :))
          >
          > thanxx-a-million!!
          >
          > hk
          >

          You're very welcome. Contrary to what the moderator of our sister
          group had to say, that was precisely why I gave such a detailed
          discussion of the alternative approach so that you could pick up some
          other tidbits of information. Also I would highly recommend that you
          go to the PVII (Project Seven) web site. The people who run it are
          topnotch and deal exclusively with extensions for Dreamweaver and that
          they have a lot of cool tutorials.

          Bob Boughner
        • jan kaèer
          alright, thanxx again! i ll definitely check out their site... hk ... robert ... that ... some ... you ... that
          Message 4 of 8 , Jan 3, 2005
          View Source
          • 0 Attachment
            alright, thanxx again! i'll definitely check out their site...


            hk


            --- In overlib@yahoogroups.com, "Robert E Boughner" <reboughner@w...>
            wrote:
            >
            > --- In overlib@yahoogroups.com, jan kaèer <palicak@s...> wrote:
            > >
            > > wow!
            > >
            > > words can hardly describe how much i would like to thank to
            robert
            > > for spending his precious time on my 'little' problem!! not only
            that
            > > you were able to give me some great pieces of advice, but your
            > > advices really WORK!! truly an excellent 'customer service' :))
            > >
            > > thanxx-a-million!!
            > >
            > > hk
            > >
            >
            > You're very welcome. Contrary to what the moderator of our sister
            > group had to say, that was precisely why I gave such a detailed
            > discussion of the alternative approach so that you could pick up
            some
            > other tidbits of information. Also I would highly recommend that
            you
            > go to the PVII (Project Seven) web site. The people who run it are
            > topnotch and deal exclusively with extensions for Dreamweaver and
            that
            > they have a lot of cool tutorials.
            >
            > Bob Boughner
          Your message has been successfully submitted and would be delivered to recipients shortly.