Jquerry implementation

hi!

in your header.php place this
<script type="text/javascript" src="https://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:
https://snipt.org/uhaU1

style it and that’s it.

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?

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?

I managed to get the code from here: https://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.

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.

here you go the full code
https://snipt.org/uhaff4

but you need to make the css yourself