How to change image of "Middle Mouse Button Scroller"

Discussion in 'CSS' started by Giorgi, Sep 19, 2007.

0
  1. #1
    Hello gr8 ppl, overhere!

    I have seen this on some forums, I mean when you click with middle mouse wheel you get scroller right? how to change that image? :confused: (circle with two arrows)

    I think its done by CSS

    thank you in advance
     
    Giorgi, Sep 19, 2007 IP
  2. Giorgi

    Giorgi Well-Known Member

    Messages:
    234
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    110
    #2
    any ideas?
     
    Giorgi, Sep 20, 2007 IP
  3. KatieK

    KatieK Active Member

    Messages:
    116
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    58
    #3
    You caq use the CSS property cursor to change the mouse cursor when the mouse is over an element. For instance, cursor: hand; . But I don't think you can use CSS to change the operating system level mouse cursors.

    You might need to investigate a JavaScript solution, or, more likely, an IE-only filter type of solution.
     
    KatieK, Sep 20, 2007 IP
  4. krt

    krt Well-Known Member

    Messages:
    829
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    120
    #4
    That would be more annoying than people changing scrollbar colours. Why should you decide the user's cursors which he is usually accustomed to? And for that reason, it cannot be done, and if it could, it would be some proprietary property.
     
    krt, Sep 20, 2007 IP
  5. Giorgi

    Giorgi Well-Known Member

    Messages:
    234
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    110
    #5
    No it could be done! I have seen it, I think its done via programming middle mouse behaviour via javascript
     
    Giorgi, Sep 20, 2007 IP
  6. simonpeterong

    simonpeterong Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    then I guess this post is in the wrong category :)

    drop by javascript.com, maybe they have something for you there, since you think it's done by script :)
     
    simonpeterong, Sep 20, 2007 IP
  7. krt

    krt Well-Known Member

    Messages:
    829
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    120
    #7
    As I said, even if it could be done, it would only work in one browser.

    This may help (though I doubt it as it only covers simple cases):
    http://www.dynamicdrive.com/dynamicindex11/customcursor.htm

    Are you sure what you saw was not Flash, Java, or something of the sorts? Do you think you can find it again?
     
    krt, Sep 20, 2007 IP
  8. Giorgi

    Giorgi Well-Known Member

    Messages:
    234
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    110
    #8
    Yep, I found it again, and as you said it only works with FireFox, but anyway - its neat snippet:

    html {
	overflow: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}
html > img {
	width: 0!important;
	height: 45px!important;
	padding-left: 36px!important;
	background: url(http://this.is.the.path.to.your*.png);
}
    Code (markup):
    enjoy ;)
     
    Giorgi, Sep 21, 2007 IP