Jquery Pop up image

To create a jquery pop up image, you need an script for pop up image.

This code:

An prettyPhoto.css was the design for the pop up border, background, image and the arrow.

It look like this:

"<link href="css/prettyPhoto.css" type="text/css" rel="stylesheet" />"

then:

Then a jscript that look for animation in pop up

JAVASCRIPT:

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
google.load("jquery", "1.3");
</script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

Oops:

This was the third script in javascript:

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});
});
</script>

Note: this script will paste below the footer:

Then: inside the body:

<div class="gallery clearfix"> INSERT LINK AND IMAGE </div>

E.G.

<div class="gallery clearfix">

<a href="images/fullscreen/grand.jpg" rel="prettyPhoto" title="Unit R-10 Ground Level I,Ever Gotesco Grand Central
Caloocan City 1400">
<img src="images/thumbnails/gc.png" width="250" height="250" alt="Jollibee Grand Central" />
</a>

</div>

Then its Finish:

See sample: http://jollibeefans.com/location/

You can also download the link: for prettyphoto jquery

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

Email me: vashalowen@gmail.com