Solved

Display snapshot of a webpage on mouse hover

Posted on 2010-11-12
6
674 Views
Last Modified: 2012-05-10
Please let me know how I can display a small snapshot of a webpage when the mouse is hovered over a button.
The button is generated dynamically. (My website is created using ASP.NET C#)

If possible, please provide some sample code.
Thank you!
0
Comment
Question by:dshrenik
6 Comments
 
LVL 33

Expert Comment

by:jppinto
ID: 34119548
Please check if this is what you want:

http://forums.asp.net/t/1633.aspx

jppinto
0
 

Author Comment

by:dshrenik
ID: 34119558
Not exactly. I need the snapshot of a webpage to be displayed on mouseover.
0
 
LVL 13

Accepted Solution

by:
devlab2012 earned 250 total points
ID: 34119721
You can use some online service. Look at the service provided by pageglimpse.com
You can get a snapshot by simply set the "src" attribute of an <img> tag like the following:

http://images.pageglimpse.com/v1/thumbnails?url=google.com&size=medium&devkey=your_developer_key_here

where "your_developer_key_here" will be replace by your own developer key. The above line will give a snapshot of google.com

To display it on mouseover, put an image with the above type of url in a div and set css property "display" to block/none in the onmouseover and onmouseout events.
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 

Author Comment

by:dshrenik
ID: 34119739
When I click the link you sent, it says 'Invalid Developer Key'
0
 
LVL 8

Assisted Solution

by:guvera
guvera earned 250 total points
ID: 34119804
0
 

Expert Comment

by:puravida76
ID: 34255217
It seems you were steered to PageGlimpse just days before they announced shutting down their service later this month.

As a PageGlimpse alternative, check out ShrinkTheWeb at http://www.shrinktheweb.com (I am a co-founder) for automated website screenshots. Our reputation is great and you can click on the 'more' link (bottom right on homepage just above testimonial box) to see a short list of what our customers say about us.

We currently handle a large majority of all screenshots processed online for more than 17,000 applications and website around the world.

Cheers,

Brandon
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question