Solved

Display snapshot of a webpage on mouse hover

Posted on 2010-11-12
6
671 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
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 

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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

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.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

776 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