Fancybox - trying to change the zoom effect

I am trying to edit this the below code to change the hover function. I'm a super novice but learning Javascript and php. As this is using fancybox, is there a way to change the zoom in effect to zoom out? Do i need to change it from the css? I can post if necessary. Thanks in advance.

 <?php
    $service_args = array(
        'post_type' => 'snap',
        'nopaging' => true,
        'orderby' => 'date',
        'order' => 'DESC'
    );

    $loop = new WP_Query($service_args);

    if ( $loop->have_posts() ) :
        while ($loop->have_posts()) :
            $loop->the_post();
            $image = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full', true);
            $thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'size-360-225', true);

            echo '<a href="'.$image[0].'" class="snap-item fancybox"><img src="'.$thumb[0].'" alt="" /></a>';
        endwhile;
    endif;
    wp_reset_postdata();
?>