Untitled

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<title></title>

<head>

</head>

<body>

	<div id="main" align="center">
		<h2>Stylish jQuery based Image Gallery with random Effects.</h2>
		<div id="wrap">
		<div class="imagePlace">
		<img id="1" class="a" src="<?php bloginfo('template_url'); ?>/images_galeria/1smallB.jpg" alt="" width="180" />
		<img class="b" src="<?php bloginfo('template_url'); ?>/images_galeria/1small.jpg" alt="" width="180" />
	</div>

    <div class="imagePlace">
    	<img id="2" class="a" src="<?php bloginfo('template_url'); ?>/images_galeria/2smallB.jpg" alt="" width="180" />
    	<img class="b" src="<?php bloginfo('template_url'); ?>/images_galeria/2small.jpg" alt="" width="180" />
    </div>

    <div class="imagePlace">
    	<img id="3" class="a" src="<?php bloginfo('template_url'); ?>/images_galeria/3smallB.jpg" alt="" width="180" />
    	<img class="b" src="<?php bloginfo('template_url'); ?>/images_galeria/3small.jpg" alt="" width="180" />
    </div>

    <div class="imagePlace">
    	<img id="4" class="a" src="<?php bloginfo('template_url'); ?>/images_galeria/4smallB.jpg" alt="" width="180" />
    	<img class="b" src="<?php bloginfo('template_url'); ?>/images_galeria/4small.jpg" alt="" width="180" />
    </div>

    <div class="imagePlace">
    	<img id="5" class="a" src="<?php bloginfo('template_url'); ?>/images_galeria/5smallB.jpg" alt="" width="180" />
    	<img class="b" src="<?php bloginfo('template_url'); ?>/images_galeria/5small.jpg" alt="" width="180" />
    </div>

    <div class="imagePlace">
    	<img id="6" class="a" src="<?php bloginfo('template_url'); ?>/images_galeria/6smallB.jpg" alt="" width="180" />
    	<img class="b" src="<?php bloginfo('template_url'); ?>/images_galeria/6small.jpg" alt="" width="180" />
    </div>
    </div>

    <div id="frame"><img id="1image" src="<?php bloginfo('template_url'); ?>/images_galeria/1big.jpg" alt="" width="500px" />
    	<img id="2image" style="display: none;" src="<?php bloginfo('template_url'); ?>/images_galeria/2big.jpg" alt="" width="1" />
        <img id="3image" style="display: none;" src="<?php bloginfo('template_url'); ?>/images_galeria/3big.jpg" alt="" width="1" />
        <img id="4image" style="display: none;" src="<?php bloginfo('template_url'); ?>/images_galeria/4big.jpg" alt="" width="1" />
        <img id="5image" style="display: none;" src="<?php bloginfo('template_url'); ?>/images_galeria/5big.jpg" alt="" width="1" />
        <img id="6image" style="display: none;" src="<?php bloginfo('template_url'); ?>/images_galeria/6big.jpg" alt="" width="1" />
    <div id="1_caption" class="caption" style="display: block;">1 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. 			    Shrek Image one.</div>
	<div id="2_caption" class="caption">2 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Shrek Image one.</div>
	<div id="3_caption" class="caption">3 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Shrek Image one.</div>
	<div id="4_caption" class="caption">4 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Shrek Image one.</div>
	<div id="5_caption" class="caption">5 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Shrek Image one.</div>
	<div id="6_caption" class="caption">6 - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Shrek Image one.</div>
	</div>
	</div>
</body>
</html>