Help me! Edit HTML Portofolio Gallery

Hello friends,
I am Brazilian.
Excuse me if there are spelling errors.
I am creating a new website and it has a gallery as shown in the image below:

1. Clicking on any image to see it full size appears only the first of them, eg:

2. See what is the first image in the gallery.
3. The problem is that even opening other gallery images only appears this. Where, to get the image I want, I have to go through one by one button (>) as shown in the image above.
Code Gallery :
<div id="modalbox" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="modal-body">
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="assets/img/img1.png" alt="">
</div>
<div class="item">
<img src="assets/img/img2.png" alt="">
</div>
<div class="item">
<img src="assets/img/img3.png" alt="">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
</div>
<div class="modal-footer">
</div>
</div>
<ul class="isotope clearfix">

<li class="item brick1 living kitchen">
<a href="#modalbox" data-toggle="modal">
<img src="assets/img/img1-box.png" alt="Portfolio1">
<div class="hover">
<img src="assets/img/ico_search.png" alt="">
<h4>Coachcarter </h4>
<p>Living</p>
</div>
</a>
</li>
<li class="item brick1 kitchen living">
<a href="#modalbox" data-toggle="modal">
<img src="assets/img/img2-box.png" alt="Portfolio1">
<div class="hover">
<img src="assets/img/ico_search.png" alt="">
<h4>Great Sofa </h4>
<p>Kitchen</p>
</div>
</a>
</li>
<li class="item brick1 bed">
<a href="#modalbox" data-toggle="modal">
<img src="assets/img/img3-box.png" alt="Portfolio1">
<div class="hover">
<img src="assets/img/ico_search.png" alt="">
<h4>Monster bed</h4>
<p>Bed</p>
</div>
</a>
</li>
</ul>
</div>
</div>
4. Please let me know what the error is and what the correct way to open the selected picture in the same portofolio.
Thank`s !

 

Please place the code in {code} tags next time please. I can diagnose anything there because that doesn't produce anything. Can you give us either the URL of the page, or the relevant CSS and JavaScript code. You could also use http://jsfiddle.net/ to allow us to edit your code.[/code]

 

Hello, Jamjar919

Sorry for the mistake.
Thank You .

Here is the page link:
http://www.estudiocyberdesign.com.br


I uploaded the file to download and free editing.
Please edit it for me and upload it again and return me the link.

Download Link :
http://www.2shared.com/file/6DwBZwgS/AN2_LAYOUT.html

Thank you friend.

 

Whatever javascript you are using is calling the same popup every time - There's no difference to which image you click on. This is most obvious if you click an image, scroll one or two pictures, close the pop up and click another image. The same image that was scrolled to previously opens. You'll need to assign an onClick() function to each image if the page does in fact use Javascript to display the gallery,

 

Take a look at Swapping images with javascript. See the source; css and javascript for the example are embedded.

You should be able to adapt the code to your needs.

cheers,

gary