SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2005
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    turn cursor into magnefying lens?

    Hello,
    I was wondering if there are any scripts available which will help me transform the mouse cursor into a magnefying lens once it hovers over an image. I think that onmouse.hover will be what I need, but what about the image of the lens? Are there any images like this ready?

    Thank you!

  2. #2
    SitePoint Guru Rob_D's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't think it can be done.

    Look here http://www.sitepoint.com/forums/showthread.php?t=431805

  3. #3
    SitePoint Zealot yacka's Avatar
    Join Date
    Aug 2006
    Posts
    124
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can change the cursor in IE through the following css - cursor: url(mycursor.cur);

  4. #4
    SitePoint Aficionado JVLB's Avatar
    Join Date
    Jan 2002
    Location
    N 44 56.537' W 123 3.683'
    Posts
    1,127
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This sounds more like a job for Flash.

  5. #5
    SitePoint Zealot Amenthes's Avatar
    Join Date
    Oct 2006
    Location
    Bucharest, Romania
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Although it's possible to make the cursor invisible and add an image through JavaScript instead of it (I saw it in a version of PHPMyAdmin) I yet don't know how to make it invisible, so you can use another trick. Use the CSS crosshair property for the cursor and with some JavaScript function make a div with a round image be centered under your cursor whenever it moves. This way you'll give the impression of a magnifier. Hope that will work for you.

    //EDIT After crawling the web I found out that Firefox accepts custom cursors for the CSS property cursor, with one amendment the url of the custom cursor should be followed by a built-in cursor. Like this:

    cursor:url(cursor.cur), pointer; (Mention: the ani extension is not supperted by Firefox)

    This won't work:

    cursor:url(cursor.cur);

    In conclusion, I don't think anymore that an invisible cursor can be done unless giving as an url for the cursor property a transparent image.
    Last edited by Amenthes; Oct 30, 2006 at 06:59.


Bookmarks

Posting Permissions

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