# Floating thumbnails

**URL:** <https://forum.kirupa.com/t/floating-thumbnails/262740>\
**Category:** web dev\
**Created:** [June 9, 2008, 3:51pm UTC](https://forum.kirupa.com/t/floating-thumbnails/262740 "2008-06-09T15:51:02Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![w1sh](https://avatars.discourse-cdn.com/v4/letter/w/7feea3/32.png) [@w1sh](https://forum.kirupa.com/u/w1sh)\
**Post date:** [June 9, 2008, 3:51pm UTC](https://forum.kirupa.com/t/floating-thumbnails/262740/1 "2008-06-09T15:51:02Z")

</div>

I’ve seen a lot of floating thumbnails ([http://www.bestwebgallery.com](http://www.bestwebgallery.com)) and was wondering how they do that. Is it JS? If so, do you know the name of the effect or a tutorial link?

I plan on using it for my work-site. Are there any downfalls to it (ie: some people might not be able to use it)?

Thanks guys.

---

<div class="post-metadata">

**Author:** ![simplistik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/simplistik/32/7747_2.png) [@simplistik](https://forum.kirupa.com/u/simplistik)\
**Post date:** [June 9, 2008, 3:58pm UTC](https://forum.kirupa.com/t/floating-thumbnails/262740/2 "2008-06-09T15:58:11Z")

</div>

:sigh: …

yes it’s javascript, it’s called a tooltip, of course some people won’t be able to see it … just like any other javascript. a quick look at the source code brings up:

```auto

http://bestwebgallery.com/wp-content/themes/master/js/global.js

```

which means you’ll need jquery  
[http://jquery.com/](http://jquery.com/)  
and the tooltip javascript [http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery](http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery)

or another other variation of it a javascript tooltip  
[search]javascript tooltip[/search]

---

<div class="post-metadata">

**Author:** ![w1sh](https://avatars.discourse-cdn.com/v4/letter/w/7feea3/32.png) [@w1sh](https://forum.kirupa.com/u/w1sh)\
**Post date:** [June 9, 2008, 4:05pm UTC](https://forum.kirupa.com/t/floating-thumbnails/262740/3 "2008-06-09T16:05:49Z")

</div>

:puzzled: I’m dumb… but you sir… are thorough.

---

<div class="post-metadata">

**Author:** ![simplistik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/simplistik/32/7747_2.png) [@simplistik](https://forum.kirupa.com/u/simplistik)\
**Post date:** [June 9, 2008, 4:08pm UTC](https://forum.kirupa.com/t/floating-thumbnails/262740/4 "2008-06-09T16:08:38Z")

</div>

[QUOTE=w1sh;2339444]:puzzled: I’m dumb… but you sir… are thorough.[/QUOTE]

not dumb, just remember that almost all your questions on things like that can be solved by looking at the source code of almost any site.

---

<div class="post-metadata">

**Author:** ![w1sh](https://avatars.discourse-cdn.com/v4/letter/w/7feea3/32.png) [@w1sh](https://forum.kirupa.com/u/w1sh)\
**Post date:** [June 9, 2008, 4:15pm UTC](https://forum.kirupa.com/t/floating-thumbnails/262740/5 "2008-06-09T16:15:22Z")

</div>

> [@simplistik;2339447](#):
>
> not dumb, just remember that almost all your questions on things like that can be solved by looking at the source code of almost any site.

I used to when I first started HTML, but then I started stealing script and learning through copying. Now I’m of the mindset that everything I make should be from scratch, so I try to just learn the names of things, then study them until I’m pretty good with them.

I thought this might be jQuery though because [webdesignerwall.com](http://webdesignerwall.com) (bestwebgallery sister site), gives an article on jQuery and the effects seem similar.

Is jQuery used for a lot of AJAX?

Edit: BTW, jQuery’s site lags pretty bad for me. Which is to say, the doc section times out almost every time.

---

<div class="post-metadata">

**Author:** ![simplistik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/simplistik/32/7747_2.png) [@simplistik](https://forum.kirupa.com/u/simplistik)\
**Post date:** [June 9, 2008, 4:30pm UTC](https://forum.kirupa.com/t/floating-thumbnails/262740/6 "2008-06-09T16:30:21Z")

</div>

jQuery is a javascript library that has AJAX capabilities.

As for the “stealing”, most scripts like that are open source and free to use so it’s not stealing at all unless in the script it denotes otherwise.

---

<div class="post-metadata">

**Author:** ![w1sh](https://avatars.discourse-cdn.com/v4/letter/w/7feea3/32.png) [@w1sh](https://forum.kirupa.com/u/w1sh)\
**Post date:** [June 9, 2008, 6:17pm UTC](https://forum.kirupa.com/t/floating-thumbnails/262740/7 "2008-06-09T18:17:47Z")

</div>

I can never figure out how to work with scripts and all that.  
I’ve downloaded jQuery, JDK, and Ant, but don’t know how to build jQuery.