I can't get the first image to show on the homepage I'm sure this is a simple question, but I'm a newbie in this, so I'd greatly appreciate all the help I can get! :)

The site is carstensphotos.lumenage.com for now. It's a one page site, so I used the index as the template for the Gallery Section ('gallery'), where the photographer will be able to upload his pics. I'm trying to get the first image of the first entry to show with no success. 

Code:

&lt;ul class="menu"&gt;
  {% for galleryEntries in craft.entries.section ('gallery') %}       
  &lt;li&gt;&lt;a href="{{ galleryEntries.url }}" {% if craft.request.url == galleryEntries.url %}class="active"{% endif %}&gt;{{ galleryEntries.title }}&lt;/a&gt;&lt;/li&gt;
  {% endfor %} 
&lt;/ul&gt;
&lt;/nav&gt;  
&lt;section class="photoslider"&gt;
   &lt;div class="photos"&gt;
   {% for image in entry.galleryPhotos.first() %}               
      &lt;div class="item responsive" id="1"&gt;
           &lt;div class="image-wrap"&gt;          
                &lt;img src="{{ image.getUrl() }}" alt="{{ image.title }}"&gt;
           &lt;/div&gt;
      &lt;/div&gt;    
    {% endfor %}                 
    &lt;/div&gt;
 &lt;/section&gt;


Thank you very much!
Just a slight syntax issue it seems.

If you want just the first image - always test if there is an image, then get it like this:

{% if entry.galleryPhotos.first()|length %}
    {% set image = entry.galleryPhotos.first() %}`
    &lt;img src={{ image.url }} etc&gt;
{% endif %


Or if you want to loop over a few images...note here you don't need the |length test as the for loop will not be entered if there is no image:

{% for image in entry.galleryPhotos %}
    &lt;img src={{ image.url }} etc&gt;