# Help w/ javascript/css

**URL:** <https://forum.kirupa.com/t/help-w-javascript-css/186088>\
**Category:** Uncategorized\
**Created:** [April 18, 2006, 11:00pm UTC](https://forum.kirupa.com/t/help-w-javascript-css/186088 "2006-04-18T23:00:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![prodkyu](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@prodkyu](https://forum.kirupa.com/u/prodkyu)\
**Post date:** [April 18, 2006, 11:00pm UTC](https://forum.kirupa.com/t/help-w-javascript-css/186088/1 "2006-04-18T23:00:56Z")

</div>

hey there everyone, i was making a site and wanted to make a popup on mouseovers like on [ask.com](http://ask.com) (where you mouse over the binoculars after a search, it pops up a screenshot of the site)

how is this effect implemented? through css or js? i was wondering if anyone had any resources on this? anything would be helpful thanks!

edit: screenshot \>\> [http://img148.imageshack.us/img148/7938/untitled22bx.jpg](http://img148.imageshack.us/img148/7938/untitled22bx.jpg)

---

<div class="post-metadata">

**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\
**Post date:** [April 18, 2006, 11:07pm UTC](https://forum.kirupa.com/t/help-w-javascript-css/186088/2 "2006-04-18T23:07:19Z")

</div>

Probably JS… but I don’t see the effect.

---

<div class="post-metadata">

**Author:** ![prodkyu](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@prodkyu](https://forum.kirupa.com/u/prodkyu)\
**Post date:** [April 18, 2006, 11:14pm UTC](https://forum.kirupa.com/t/help-w-javascript-css/186088/3 "2006-04-18T23:14:31Z")

</div>

i attached a screenshot for the effect

---

<div class="post-metadata">

**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\
**Post date:** [April 19, 2006, 1:41am UTC](https://forum.kirupa.com/t/help-w-javascript-css/186088/4 "2006-04-19T01:41:51Z")

</div>

Oh, I’d guess a bit of both. JS for the grabbing of the image and adding it onMouseOver, and CSS for the tooltip bubble, and the padding of the image.
