1. Forum
  2. Usenet
  3. COMP.INFOSYSTEMS.WWW.AUTH

  • mouseover help

    From super70s@21:1/5 to All on Fri May 19 23:20:57 2023
    XPost: alt.html

    I thought it would be cool to do a mouseover on the old "Faces - Ooh La
    La" album cover so when the mouseover happens it emulates the actual
    album cover. I was successful in setting up the pic at the top, but
    since it probably wouldn't be obvious to the user, I'd like to be able
    to make the text in the body that says "maneuvered so the eyes and mouth
    moved" do the emulation when the user clicks that. Can't quite figure
    out how to make that happen.

    Hope I've explained myself clearly, I appreciate any help.

    https://www.superseventies.com/ac17oohlala.html

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From Apd@21:1/5 to All on Sat May 20 13:21:38 2023
    XPost: alt.html

    "super70s" wrote:
    I thought it would be cool to do a mouseover on the old "Faces - Ooh La
    La" album cover so when the mouseover happens it emulates the actual
    album cover. I was successful in setting up the pic at the top, but
    since it probably wouldn't be obvious to the user, I'd like to be able
    to make the text in the body that says "maneuvered so the eyes and mouth moved" do the emulation when the user clicks that. Can't quite figure
    out how to make that happen.

    Hope I've explained myself clearly, I appreciate any help.

    https://www.superseventies.com/ac17oohlala.html

    Firstly, your image width contains a misplaced quote before "width=".

    Here's one way. Give your img tag an id and put a span around the word
    to be clicked with a suitable event handler like so:

    <img id="ac" ... >

    <span onclick="document.getElementById('ac').src='img2.gif'">maneuvered</span>

    You could also have an onmouseout to reset it. You probably want to
    indicate the word is clickable by, say, changing the mouse pointer in
    the span:

    style="cursor:pointer"

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From super70s@21:1/5 to Apd on Sat May 20 11:31:59 2023
    XPost: alt.html

    In article <u4ae1u$12j7m$1@apd.eternal-september.org>,
    "Apd" <not@all.invalid> wrote:

    "super70s" wrote:
    I thought it would be cool to do a mouseover on the old "Faces - Ooh La
    La" album cover so when the mouseover happens it emulates the actual
    album cover. I was successful in setting up the pic at the top, but
    since it probably wouldn't be obvious to the user, I'd like to be able
    to make the text in the body that says "maneuvered so the eyes and mouth moved" do the emulation when the user clicks that. Can't quite figure
    out how to make that happen.

    Hope I've explained myself clearly, I appreciate any help.

    https://www.superseventies.com/ac17oohlala.html

    Firstly, your image width contains a misplaced quote before "width=".

    Here's one way. Give your img tag an id and put a span around the word
    to be clicked with a suitable event handler like so:

    <img id="ac" ... >

    <span
    onclick="document.getElementById('ac').src='img2.gif'">maneuvered</span>

    You could also have an onmouseout to reset it. You probably want to
    indicate the word is clickable by, say, changing the mouse pointer in
    the span:

    style="cursor:pointer"

    I have it working exactly like I wanted, way cool!

    I also put simple <u></u> tags outside mouseover code in the text to
    make it obvious to the user.

    Many thanks for your help friend.

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)