Title: Jquerry implementation
Last modified: August 20, 2016

---

# Jquerry implementation

 *  [NeonPT](https://wordpress.org/support/users/neonpt/)
 * (@neonpt)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/jquerry-implementation/)
 * Hello, i am really new into programing, and i am trying to implement a jquerry
   plugin on my wordpress site [http://lintas.pt/](http://lintas.pt/)
 * What i need is an hover tittle and image description just like this website: 
   [http://onlythebravetattoogallery.com/en/home.html](http://onlythebravetattoogallery.com/en/home.html)
 * I have found a jquerry image caption plugin called jcapslide ( [http://tympanus.net/codrops/2009/11/23/jcapslide-a-jquery-image-caption-plugin/](http://tympanus.net/codrops/2009/11/23/jcapslide-a-jquery-image-caption-plugin/))
   
   And i am trying to implement it on my site, but i have no idea how.
 * If anyone has the patience to write me a quick step-by-step tutorial it would
   be great.
 * Thank you in advance.

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [timduncan](https://wordpress.org/support/users/timduncan/)
 * (@timduncan)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/jquerry-implementation/#post-2668353)
 * hi!
 * in your header.php place this
    `<script type="text/javascript" src="http://ajax.
   googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>` and download 
   from somewhere this: jquery-ui-1.8.16.custom.min.js
 * then add this piece of code in your header.php:
    [http://snipt.org/uhaU1](http://snipt.org/uhaU1)
 * style it and that’s it.
 *  Thread Starter [NeonPT](https://wordpress.org/support/users/neonpt/)
 * (@neonpt)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/jquerry-implementation/#post-2668359)
 * Hi timduncan, thank you for your reply, i just dont understand where to place
   the “jquery-ui-1.8.16.custom.min.js” is it on the “js” folder inside the theme
   folder?
 * Also, how do i call this on the loop?
 *  [timduncan](https://wordpress.org/support/users/timduncan/)
 * (@timduncan)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/jquerry-implementation/#post-2668364)
 * after you get it, copy the jquery file in your js folder then put in the header
   like this:
    `<script type="text/javascript" src="<?php bloginfo( 'template_url');?
   >/js/jquery-ui-1.8.16.custom.min.js"></script>`
 * in the code you will see the .box, means you need to have inside your loop, the
   content displayed in this box. and also you need the .cover div that contains
   the info you want to have.
 * hmm, is this more or less clear?
 *  Thread Starter [NeonPT](https://wordpress.org/support/users/neonpt/)
 * (@neonpt)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/jquerry-implementation/#post-2668409)
 * I managed to get the code from here: [http://www.copypastecode.com/78260/](http://www.copypastecode.com/78260/)
   
   I uploaded the file in my js theme folder, and called the library on the header.
   But now i am stuck, can’t find the .box anywhere mate.
 *  [timduncan](https://wordpress.org/support/users/timduncan/)
 * (@timduncan)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/jquerry-implementation/#post-2668416)
 * you need to do it yourself 🙂
 * inside the loop make a `<div class="box"> <?php the_content(); ?> </div>`
    and
   a `<div class="boxcover">cover with this</div>` and then style it.
 *  [timduncan](https://wordpress.org/support/users/timduncan/)
 * (@timduncan)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/jquerry-implementation/#post-2668417)
 * here you go the full code
    [http://snipt.org/uhaff4](http://snipt.org/uhaff4)
 * but you need to make the css yourself

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Jquerry implementation’ is closed to new replies.

## Tags

 * [caption](https://wordpress.org/support/topic-tag/caption/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [jquery](https://wordpress.org/support/topic-tag/jquery/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 2 participants
 * Last reply from: [timduncan](https://wordpress.org/support/users/timduncan/)
 * Last activity: [14 years, 2 months ago](https://wordpress.org/support/topic/jquerry-implementation/#post-2668417)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics