aconteceu.php

<div class="pag-aconteceu">

    <div class="grid_9">
        <h1>Aconteceu</h1>
    </div>

    <div class="grid_3 busca-aconteceu">
        <p>Buscar</p> 
        <form class="formulario">
            <div class="campo grid_2 alpha omega">
                <input type="text" class="" value="" id="txtBuscar" name="txtBuscar">
            </div>
            <button></button>
        </form>    
    </div>
    <?php
    foreach ((array) $aconteceu as $noticia) {
        ?>
        <div class="item">

            <div class="fotos box480">
                <div class="foto-maior grid_6">
                    <?php
                    if (!empty($noticia->galeria->{"0"})) {
                        ?>
                        <a href="<?= $noticia->galeria->{"0"}->caminho ?>" rel="galeria<?= $noticia->id ?>" title="" class="fancybox-thumb">
                            <img src="<?= $noticia->galeria->{"0"}->caminho1 ?>" alt="">
                        </a>
                        <?php
                    }
                    ?>
                </div>
                <div class="fotos-thumbs box480">
                    <?php
                    //faz um foreach para cada foto
                    foreach ((object) $noticia->galeria as $imgGaleria) {
                        if ($imgGaleria != $noticia->galeria->{"0"}) { //Se não for a primeira foto, ent�o exibe
                            ?>
                            <a href="<?= $imgGaleria->caminho ?>" rel="galeria<?= $noticia->id ?>" title="" class="grid_2 fancybox-thumb">
                                <img src="<?= $imgGaleria->caminho ?>" alt="">
                            </a>  
                            <?php
                        }
                    }
                    ?>
                </div>
            </div>
            <div class="grid_6">
                <h2><?= $noticia->nome ?></h2>
                <b><?= $noticia->data ?></b>
                <p><?= $noticia->descricao ?></p>
            </div>

        </div>

        <?php
    }
    ?>

    <div class="paginacao grid_12 right omega">
        <ul>
            <li class="first"><a href="javascript:;"></a></li>
            <li><a href="javascript:;">01</a></li>
            <li><a href="javascript:;">02</a></li>
            <li><a href="javascript:;">03</a></li>
            <li><a href="javascript:;">04</a></li>
            <li><a href="javascript:;">05</a></li>
            <li class="last"><a href="javascript:;"></a></li>
        </ul>
    </div>



</div>

<!-- javascript -->
<script type="text/javascript">

    $(document).ready(function() {

        $(".fancybox-thumb").fancybox({
            width: 945,
            //openEffect  : 'none',
            closeEffect: 'none',
            prevEffect: 'none',
            nextEffect: 'none',
            helpers: {
                title: null,
                thumbs: {
                    width: 130,
                    height: 130
                }
            }
        });

    });

</script>