Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <a href='big.jpg'>
- <img src='mini.jpg' alt='a kitten'>
- <span>Click to view larger</span>
- </a>
- a > img + span {display: none}
- a:hover > img + span {display: inline}
- $('img.zoomthis').mouseover(function(){
- var pos = $(this).position();
- $('#zoomcursor').css("position","absolute");
- $('#zoomcursor').css("top",pos.top+18);//You have to change this in order to place it right over your image
- $('#zoomcursor').css("left",$(obj).width()-30); //this too
- $('#zoomcursor').show();
- }).mouseout(function(){
- $('#zoomcursor').hide();
- })
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement