Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    Regular Coder
    Join Date
    Jul 2005
    Posts
    342
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Is It Possible to Make Graphic Interactive?

    Hi,
    Is it possible to make graphic interactive? For examples, when you put a mouse on certain area of the graphic, it highlights that area. I want it to happens in both website and offline. I know that you can do it with javascript or flash in website, but what if I don't want to use javascript and flash? What about offline?
    Many thanks.

  • #2
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,517
    Thanks
    114
    Thanked 110 Times in 109 Posts
    you can do it with links using standard CSS. So would prolley have to do it that way

  • #3
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,517
    Thanks
    114
    Thanked 110 Times in 109 Posts

    My mistake

    you can do this on any element in-fact

    <html>
    <head>
    <stlye>

    div.test
    {
    background-image:url('images/one.jpg');
    height:241;
    width:241;
    }

    div.test:hover
    {
    background-image:url('images/two.jpg');
    height:241;
    width:241;
    }
    </style>
    </head>
    <body>
    <div class="test"></div>
    </body>
    </html>

    Look at the link below for an example of this code working.
    http://kmc.servebbs.com/temp/template.html

    PS i only tested this on IE

  • #4
    Regular Coder
    Join Date
    Jul 2005
    Posts
    342
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question

    Thanks. I almost forgot about css. But how can I get the same result offline?

  • #5
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,517
    Thanks
    114
    Thanked 110 Times in 109 Posts
    Sorry explain what you mean by offline? you mean when a user isnt online?

  • #6
    Regular Coder
    Join Date
    Jul 2005
    Posts
    342
    Thanks
    0
    Thanked 0 Times in 0 Posts
    When I said offline, I meant view the picture in my harddrive like a regular file.
    Thanks.

    Quote Originally Posted by timgolding
    Sorry explain what you mean by offline? you mean when a user isnt online?

  • #7
    New to the CF scene
    Join Date
    Aug 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Helping you

    Well. As far as viewing the pic directly on your hard drive and it being interavtive you can't do that. Unless it is an animated gif. What did you want the pic to do?
    Untie The Knot Divorce Services.

  • #8
    Regular Coder
    Join Date
    Jul 2005
    Posts
    342
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question

    I want it to highlight certain area when mouse pointer points at it, but I want to do it without browser.

    Quote Originally Posted by Joe Right
    Well. As far as viewing the pic directly on your hard drive and it being interavtive you can't do that. Unless it is an animated gif. What did you want the pic to do?

  • #9
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,480
    Thanks
    6
    Thanked 981 Times in 954 Posts
    http://www.frankmanno.com/ideas/css-imagemap/
    http://www.cssplay.co.uk/menu/imap.html

    Is this what you're looking for?
    (Well, it just pretends that this is one image but it isn't and therefore not possible without browser.)

  • #10
    Regular Coder
    Join Date
    Jul 2005
    Posts
    342
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question

    Actually, I already know about the tricks that you mentioned. But these requires browser.

    What did you mean of "pretends that this is one image"? Did you mean that I can do the same thing without browser if there are more than 1 image? How?
    Thanks.

    Quote Originally Posted by VIPStephan
    http://www.frankmanno.com/ideas/css-imagemap/
    http://www.cssplay.co.uk/menu/imap.html

    Is this what you're looking for?
    (Well, it just pretends that this is one image but it isn't and therefore not possible without browser.)

  • #11
    New Coder
    Join Date
    Aug 2006
    Posts
    64
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I know what you mean, and the only way you will achieve that is through flash, there is no graphic image format that supports an interactive image. You will only achieve it via CSS which requires a browser, or flash, which requires Flash.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •