Wordpress Image Question

[justinmyoung]

Hi

I would like to have an image on the index.php page, such that you would see in a gallery, become a larger image on single.php page. Is there a way to do this?

Here's the code for the index.php

<?php get_header(); ?>
		
    		<?php
				$counter = 0; $counter2 = 0;
				while (have_posts()) : the_post();
			?>
	
			<?php $counter++; $counter2++; ?>
				
            
         <div class="g320" style="margin-right:10px;">	
									
			<div class="post">
				
				<div class="screenshot" style="width:300px;">
				
					<div class="screenimg">
					
						<?php if ( get_option('woo_layout') == '1-photo.php' ) { ?>
						
							<?php if ( get_option('woo_resize') ) { woo_get_image('large-image','300','190'); } else { ?>
                            
							<a href="<?php the_permalink() ?>" title="View <?php the_title(); ?>"><img src="<?php echo get_post_meta($post->ID, "image", $single = true); ?>" alt="<?php the_title(); ?>" /></a>
                                                       
                            <? } ?>
	
						
						<?php } else { ?>

							<?php if ( get_option('woo_resize') ) { woo_get_image('large-image','300','190','url'); } else { ?>
                            
							<a href="<?php echo get_post_meta($post->ID, "url", $single = true); ?>" target="_blank" title="View <?php the_title(); ?>"><img src="<?php echo get_post_meta($post->ID, "image", $single = true); ?>" alt="<?php the_title(); ?>" /></a>						
							  
                                                       
                            <? } ?>

						
						<?php } ?>
						
						<!--<span><?php the_category(','); ?></span>-->
					
					</div>
				
				</div>
				
				
   
				<div class="theme">
		      
		      	<div class="g320"><h2><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2></div>
		      	<div class="g320"><p class="date"><?php the_time('M d y'); ?></p></div>
		    	<div class="g320" style="text-align:right;"><?php if(function_exists('the_ratings')) { the_ratings(); } ?> 
		    	<div class="views"> | <?php if(function_exists('the_views')) { the_views(); } ?></div>
		    	</div>		     
		      	
		      	
					
				</div>
					
			</div><!-- /post -->
			
			
			
         <div class="clear">&nbsp;</div>			
			            
        </div>
        
         <?php if ( $counter == 0 ) { ?><div style="clear:both;height:0px;"></div><?php } ?>
			
		<?php endwhile; ?>
            
	<div class="clear">&nbsp;</div>			
			
			<div id="postnav">
				<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
			</div><!-- /postnav -->						

		

<?php get_footer(); ?>

And single.php

<?php get_header(); ?>

<div id="main">
			
		<div class="g960">
		
    		<?php while (have_posts()) : the_post(); ?>

				<?php
            
            	$layout = get_option('woo_layout');

            	include('layouts/'.$layout);
            
        		?>                       
			
			<?php endwhile; ?>
            
         	<div class="clear">&nbsp;</div>			
                        
             <div id="comments">
            	<?php comments_template(); ?>
            </div>	
			
			<div id="postnav">
				<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
			</div>						

		</div> 
		
			<div class="clear">&nbsp;</div>		
		
	<!--	<?php get_sidebar(); ?> -->
        
</div>

<?php get_footer(); ?>

Basically I would like to have a 300x150px image become a 600x300 image on the single.php page...

Thanks for any help!